1
運行XAMPP(與JSON請求PHP) jQuery的1.11 gMap3(V5.1.1)gmap3 JSON請求不工作
我的地圖工作的罰款,直到我試圖添加一個JSON請求。現在,它說明不了什麼,甚至沒有地圖,我收到在Chrome中沒有任何錯誤:
這裏的腳本:
$(document).ready(function() {
var point1 = [29.425705,-98.486075];
var point2 = [29.426928,-98.437418];
$.ajax({
url: 'js/markers.json'
}).done(function(data) {
// Re-initialise the map with loaded marker data
initMap(data);
});
function initMap(markers) {
$('#gmap-4').gmap3({
marker:{
values:markers || [],
options:{draggable:false}
},
map:{
options:{
center:[29.4401784,-98.4793855],
zoom:12,
}
},
overlay:{
values:[
{
latLng:point1,
data:"<div class='infobox'><span class='x1'>The Alamo </span><br/><span class='x2'>300 Alamo Plaza, San Antonio TX 78205</span></div>",
options:{content:"<div class='masterpin bounce'></div><div class='pulse'></div>"}
},
{
latLng:point2,
data:"<div class='infobox'><span class='x1'>AT&T Center </span><br/><span class='x2'>1 AT&T Center Pkwy, San Antonio TX 78219</span></div>",
options:{content:"<div class='masterpin bounce'></div><div class='pulse'></div>"}
}
],
options:{
draggable: false,
}
} // close overlay
}); // close gmap3
} // close function initMap()
}); // close $(document).ready()
這裏的JSON文件:
var markers = [
{'latLng':[29.765032,-98.707404], 'address':'106 STONEGATE N BOERNE, TX 78006', 'data':'1', 'options': { 'icon': 'images/markers/dot_red.png'}},
{'latLng':[29.719604,-98.654005], 'address':'8510 MONUMENT OAK BOERNE, TX 78015', 'data':'1', 'options': { 'icon': 'images/markers/dot_red.png'}}
];
這是推動我瘋了。我無法弄清楚什麼是錯的。誰能幫忙?
謝謝。我如圖所示糾正了我的json文件,但仍然沒有任何結果。任何其他想法? – bagofmilk
啊,廢話不要事。我有一個愚蠢的分號隱藏。這很好用! – bagofmilk