Modifications

Widget:Leaflet

535 octets ajoutés, 23 octobre 2012 à 14:09
aucun résumé de modification
<noinclude>
{{#widget:PjsLeaflet
|nom=(optionnel)
|codelongitude=(code processingjs)51|latitude=3.56|zoom=1 a 18|largeur=|hauteur= 
}
111
 
on peut utiliser un droplet présent sur cette page pour connaitre les coords d'un objet :http://www.mediawikiwidgets.org/Google_Maps
 
'<!--{$width|escape:'quotes'|default:'420'}-->
 
inspiration: http://www.mediawikiwidgets.org/w/index.php?title=Widget:Google_Maps&action=edit
</noinclude>
<script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script>
<div id="map" style="width: 600px<!--{$largeur|escape:'quotes'|default:'420'}-->px; height: 400px<!--{$hauteur|escape:'quotes'|default:'420'}-->px"></div>
<script>
var map = L.map('map').setView([<!--{$longitude|escape:'quotes'|default:'51.505'}-->, <!--{$latitude|escape:'quotes'|default:'51'}-0.09->], 13<!--{$zoom|escape:'quotes'|default:'6'}-->);
L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D7597077ad1b23bf3f347f8b0ab2416f66737fc/997/256/{z}/{x}/{y}.png', {
maxZoom: 18,
attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>'