2014-05-20 63 views
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'}} 

]; 

這是推動我瘋了。我無法弄清楚什麼是錯的。誰能幫忙?

回答

2

這不是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"}}] 
+0

謝謝。我如圖所示糾正了我的json文件,但仍然沒有任何結果。任何其他想法? – bagofmilk

+0

啊,廢話不要事。我有一個愚蠢的分號隱藏。這很好用! – bagofmilk