[Talk-it] mapbox.js vs ajax JSON
akstern
carlo a artmediastudio.com
Ven 1 Nov 2013 08:39:42 UTC
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.
Maggiori informazioni sulla lista
Talk-it