Question

运行XAMPP（带有JSON请求的PHP） jQuery 1.11 gMap3（v5.1.1）

我的地图工作正常，直到我尝试添加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'}}

];

这让我发疯了。我无法弄清楚什么是错的。有人可以帮忙吗？

Answer 1

这不是JSON，而是javascript。

有效的JSON将是：

[{"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"}}]

gmap3 json请求不起作用

1 个答案: