Widget:CartoFab

Proto de développement dewidget:CarteFablabs

usage : {{#widget:CartoFab |nom=(optionnel) |longitude=51(optionnel) |latitude=3.56(optionnel) |zoom=1 a 18(optionnel) |largeur=(optionnel) |hauteur=(optionnel) }}

trouver les coordonnées : http://universimmedia.pagesperso-orange.fr/geo/nievre.htm

on peut utiliser un droplet présent sur cette page pour connaitre les coords d'un objet :http://www.mediawikiwidgets.org/Google_Maps

inspiration: http://www.mediawikiwidgets.org/w/index.php?title=Widget:Google_Maps&action=edit

item nom artlab

adresse 11ème Parislabel site http://www.digitalarti.com/fr/blog/artlab_blog long 2.3 latt 48.8 intitulé fablab structures sarl

ne pas effacer ! ça sert ! JSON : tous les fablabs qui ont une longitude...

cartographie tous les fablabs

L.marker([51.5, -0.09]).addTo(map) .bindPopup("Hello world!
I am a popup.").openPopup();

chargement...

///////////fin javaload

var cartofab = L.map().setView([, ], );

// add an OpenStreetMap tile layer L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {

   attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'

}).addTo(cartofab);

//appel de la liste des labs document.getElementById("nombreLabos").innerHTML = "Recherche des labs...";

$.ajax({

   url: 'Sp%C3%A9cial:Ask/-5B-5BCategory:Fablabs-5D-5D-20-5B-5Blong::!:-5D-5D/-3FLong-23-2D/-3FLatt-23label/-3FSite/-3FAdresse/-3FIntitul%C3%A9/-3FStructures/limit%3D500/searchlabel%3D/format%3Djson',
   data: {
       format: 'json'
   },
   dataType: 'json',
   success: function(jsondata) {

console.log(jsondata.results);

document.getElementById("nombreLabos").innerHTML = "Il ya actuellement "+jsondata.results.items.length+" laboratoires renseignés sur cette page";

         $.each(jsondata.results.items, function(i,item){
      
          L.marker([item.latt, item.long]).addTo(cartofab).bindPopup("<a href="+item.site+" target=\"_blank\">"+item.label+"</a>
"+item.intitulé+"
"+item.structures);

});

});

/// /*

$.getJSON("Sp%C3%A9cial:Ask/-5B-5BCategory:Fablabs-5D-5D-20-5B-5Blong::!:-5D-5D/-3FLong-23-2D/-3FLatt-23label/-3FSite/-3FAdresse/-3FIntitul%C3%A9/-3FStructures/limit%3D500/searchlabel%3D/format%3Djson") .done(function(data) {

   $.each(data.items, function(i,item){
     
     L.marker([item.latt, item.long]).addTo(cartofab).bindPopup("<a href="+item.site+" target=\"_blank\">"+item.label+"</a>
"+item.intitulé+"
"+item.structures);

    })

.fail(function( jqxhr, textStatus, error ) { var err = textStatus + ", " + error; console.log( "Request Failed: " + err ); })

document.getElementById("nombreLabos").innerHTML = "Il ya actuellement "+data.items.length+" laboratoires renseignés sur cette page";
 });

/

</script>

$.getJSON( "test.js", { name: "John", time: "2pm" } ) .done(function( json ) { console.log( "JSON Data: " + json.users[ 3 ].name ); }) .fail(function( jqxhr, textStatus, error ) { var err = textStatus + ", " + error; console.log( "Request Failed: " + err ); });

ancien================================================ $.getJSON("Sp%C3%A9cial:Ask/-5B-5BCategory:Fablabs-5D-5D-20-5B-5Blong::!:-5D-5D/-3FLong-23-2D/-3FLatt-23label/-3FSite/-3FAdresse/-3FIntitul%C3%A9/-3FStructures/limit%3D500/searchlabel%3D/format%3Djson",

 function(data) {

   $.each(data.items, function(i,item){
     
     L.marker([item.latt, item.long]).addTo(cartofab).bindPopup("<a href="+item.site+" target=\"_blank\">"+item.label+"</a>
"+item.intitulé+"
"+item.structures);

});

documentation

https://www.mediawiki.org/wiki/Category:Snippets_with_JavaScript