Maps API和MarkerClusterer

我正在尝试让markerclusterer使用我从SQL数据库中取出的一些数据。 它目前正在显示地图，但不显示引脚。 如果我在console.log使用标记var，我最终得到一组由VI组成的对象组织的对象，作为值。

      html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map-canvas { height: 100% }      var script = ''; document.write(script);   var markers = []; $.getJSON('getLatLon.php',{ajax:'false'},function(jsonData){ $(jsonData).each(function(){ var latLng = new google.maps.LatLng(this.lat,this.lon); var marker = new google.maps.Marker({'position': latLng}); markers.push(marker); }); }); function initialize() { var mapOptions = { center: new google.maps.LatLng(41.611143, -86.722719), zoom: 4, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); var markerCluster = new MarkerClusterer(map, markers); } google.maps.event.addDomListener(window, 'load', initialize);    
   

getLatLon返回此值，但有更多行。

  [ { "zip": "H8R 3W4", "lat": -73.65, "lon": 45.43 }, { "zip": "H8R 3W4", "lat": -73.65, "lon": 45.43 } ] 

Answer 1

在AJAX回调中加载后，您需要将标记放入MarkerClusterer中。

 $.getJSON('getLatLon.php',{ajax:'false'},function(jsonData){ $(jsonData).each(function(){ var latLng = new google.maps.LatLng(this.lat,this.lon); var marker = new google.maps.Marker({'position': latLng}); markers.push(marker); }); var markerCluster = new MarkerClusterer(map, markers); }); 

您可能希望他在全局（或至少更大）范围内使用markerClusterer，但这应该至少显示标记。