[Talk-it] mapbox.js vs ajax JSON

sabas88 sabas88 a gmail.com
Ven 1 Nov 2013 09:55:47 UTC


Ciao,
per queste domande abbiamo creato la lista degli sviluppatori
https://lists.openstreetmap.org/listinfo/dev-italia

Ad occhio sembra che usi jsonp..

Io ho fatto direttamente con Leaflet (Mapbox.js  un plugin di Leaflet
adesso..) ed una piccola funzione per fare la chiamata ajax, trovi il
codice qua
https://github.com/sardinia-opendata/Open-Nuraghe

Ciao,
Stefano


2013/11/1 akstern <carlo a artmediastudio.com>

> Salve vorrei implementare una mappa in cui i punti di interesse venissero
> richiamati tramite una chiamata ajax in formato json.
> Ho cercato di modificare il codice all' indirizzo
> https://www.mapbox.com/mapbox.js/example/v1.0.0/custom-marker-tooltip/
>
> Cercando di popolare la viabile geoJson  con l achiamata
> getJSON ma anche se il debug mi fa vedere di avere caricato i valori
> alla fine non viene visualizzato nulla .
>
>
>    $(".poi_a").bind("click", (function (e) {
>
>    var indirizzo = $(this).attr("href");
>    var geoJson = [];
>    $.ajaxSetup({ cache: false });
>
>    $.getJSON('poi.php?callback=?', function(data){
>
>
>             /* loop through array */
>            // alert(data);
>         }).error(function(jqXHR, textStatus, errorThrown){ /* assign
> handler
> */
>             /* alert(jqXHR.responseText) */
>            alert("error occurred!");
>         })
>         .done(function() {
> alert( "second success" );
>   //geoJson = data;
>
>
>
>    map.markerLayer.setGeoJSON(geoJson);
>
>     // Cycle through markers once geoJson is ready.
>     // Add custom popups to each using our custom feature properties
>     map.markerLayer.eachLayer(function(marker) {
>
>         var feature = marker.feature;
>
>         // Create custom popup content
>         var popupContent =  ' ' +
>                                 ' <' + feature.properties.url + '>  <' +
> feature.properties.image + '> ' +
>                             '
> ' + feature.properties.city + '
> ' +
>                             ' ';
>
>         // http://leafletjs.com/reference.html#popup
>         marker.bindPopup(popupContent,{
>             closeButton: false,
>             minWidth: 300
>         });
>     });
>
>     map.setView([45.908, -78.525], 5);
>   })
>   .fail(function() {
>    alert( "error" );
>   })
>   .always(function() {
>     //alert( "complete" );
>
>
>
>   })
>         ;
>
> return false;
>
>
> }));
>
> });
>
> la callback ajax  questa
> jQuery19101373158977366984_1383292934356(
> {
>         type: "Feature",
>         "geometry": { "type": "Point", "coordinates": [-77.03, 38.90]},
>         "properties": {
>             "image":
> "
> http://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/DCmontage4.jpg/250px-DCmontage4.jpg
> ",
>             "url": "http://en.wikipedia.org/wiki/Washington,_D.C.",
>             "marker-symbol": "star",
>             "city": "Washington, D.C."
>         }
>     }, {
>         type: "Feature",
>         "geometry": { "type": "Point", "coordinates": [-87.63, 41.88]},
>         "properties": {
>             "image":
> "
> http://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Chicago_montage.jpg/300px-Chicago_montage.jpg
> ",
>             "url": "http://en.wikipedia.org/wiki/Chicago",
>             "city": "Chicago"
>         }
>     }, {
>         type: "Feature",
>         "geometry": { "type": "Point", "coordinates": [-74.00, 40.71]},
>         "properties": {
>             "image":
> "
> http://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/NYC_Montage_2011.jpg/275px-NYC_Montage_2011.jpg
> ",
>             "url": "http://en.wikipedia.org/wiki/New_York_City",
>             "city": "New York City"
>         }
>     })
>
> qualcuno mi pu dare una mano ?
> Grazie
>
>
>
>
> --
> View this message in context:
> http://gis.19327.n5.nabble.com/mapbox-js-vs-ajax-JSON-tp5783576.html
> Sent from the Italy General mailing list archive at Nabble.com.
>
> _______________________________________________
> Talk-it mailing list
> Talk-it a openstreetmap.org
> https://lists.openstreetmap.org/listinfo/talk-it
>
-------------- parte successiva --------------
Un allegato HTML  stato rimosso...
URL: <http://lists.openstreetmap.org/pipermail/talk-it/attachments/20131101/8bd1d9aa/attachment-0001.html>


Maggiori informazioni sulla lista Talk-it