gmap3 demande JSON ne fonctionne pas

Question

Exécution XAMPP (PHP avec les requêtes JSON) jQuery 1.11 gmap3 (v5.1.1)

Ma carte a bien fonctionné jusqu'à ce que j'ai essayé d'ajouter une demande de JSON. À l'heure actuelle, il ne montre rien, même pas la carte et je reçois pas d'erreur dans Chrome:

Voici le script:

$(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() 

Voici le fichier 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'}} 

]; 

Ce conduit moi fou. Je ne peux pas comprendre ce qui ne va pas. Quelqu'un peut-il aider?

Answer 1

Ce n'est pas JSON, c'est javascript.

un JSON valide serait:

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