Modifications

usage : <nowiki>{{#widget:LeafletCarteFablabs 

|longitude=51(optionnel) |latitude=3.56(optionnel) |zoom=1 a 18(optionnel) |largeur=(optionnel) |hauteur=(optionnel)}}111</nowiki> trouver les coordonnées : http://universimmedia.pagesperso-orange.fr/geo/nievre.htm

|?long # -|?latt #|?site|format=csv}} cartographie tous les fablabs{{#ask: [[Category:Fablabs]] |?long # -|?latt #|?site

<div id="<!--{$nom|escape:'quotes'|default:'carte'}-->" style="width: <!--{$largeur|escape:'quotes'|default:'420720'}-->px; height: <!--{$hauteur|escape:'quotes'|default:'420'}-->px"></div><div id="nombreLabos"></div>

///fonction pour recuperer la liste des coords des labsfunction requete(url) {if (window.XMLHttpRequest) // Mozilla, Safari,... xhr = new XMLHttpRequest();else if (window.ActiveXObject) xhr = new ActiveXObject("Microsoft.XMLHTTP");if (!xhr) { alert("Abandon : Impossible de créer une instance Ajax"); return false;}xhr.onreadystatechange = reponse;xhr.open("GET", url, true);xhr.send(null);} function reponse() {if (xhr.readyState == 4) { if (xhr.status == 200) { //alert(xhr.responseText);  //le fichier arrive en CSV (valeurs séparées par des virgules)var lignes=new RegExp("[\n]+", "g");var tableau=xhr.responseText.split(lignes);var colones=new RegExp("[,]+", "g");for(var i=1;i<tableau.length-1;i++) { var coords=tableau[i].split(colones); // alert(coords[0]); L.marker([coords[2], coords[1]]).addTo(map).bindPopup("<b><a href="+coords[3]+" target=\"_blank\">"+coords[0]+"</a></b>"); } document.getElementById("nombreLabos").innerHTML = "Il ya actuellement "+tableau.length+" laboratoires renseignés sur cette page";  } else { alert("La requête AJAX a rencontré un problème .."); } }}     ///////////fin javaload    var map = L.map('<!--{$nom|escape:'quotes'|default:'carte'}-->').setView([<!--{$longitude|escape:'quotes'|default:'5147'}-->, <!--{$latitude|escape:'quotes'|default:'511.7'}-->], <!--{$zoom|escape:'quotes'|default:'65'}-->);

L.marker([51.5, -0.09]).addTo(map) .bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();  L.circle([51.508, -0.11], 500, { color: 'red', fillColor: '#f03', fillOpacity: 0.5 }).addTo(map).bindPopup("I am a circle.");  L.polygon([ [51.509, -0.08], [51.503, -0.06], [51.51, -0.047] ]).addTo(map).bindPopup("I am a polygon.");   var popup = L.popup();

function onMapClick(e) { popup .setLatLng(e.latlng) .setContent("You clicked the map at " + e.latlng.toString()) .openOn(map); }

map.on//appel de la liste des labsrequete('click'"Sp%C3%A9cial:Ask/-5B-5BCategory:Fablabs-5D-5D/-3FLong-23-2D/-3FLatt-23-2D/-3FSite/limit%3D150/format%3Dcsv/sep%3D, onMapClick/headers%3Dshow");