正在更新MarkerClusterer

Question

我已經成功更新了地圖，根據哪些地方（來自我的數據庫）包含在當前地圖中。但是，我有一些問題需要以同樣的方式更新clusturers。我試圖添加markerClusterer.clearMarkers（）跟隨gmarkers [i] .setMap（null）;但它不起作用（即使標記不再更新）。

下面的代碼：

var map; 
var gmarkers = []; 

function initialize() { 
    var latlng = new google.maps.LatLng(46.7, 2.5); 
    var myOptions = { 
     zoom: 6, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    map = new google.maps.Map(document.getElementById('map'), myOptions); 

    /* Ici, on ajoute l'écouteur d'événement suite à un glisser/déposer */ 
    google.maps.event.addListener(map, 'idle', function() { 
     var bds = map.getBounds(); 
     var South_Lat = bds.getSouthWest().lat(); 
     var South_Lng = bds.getSouthWest().lng(); 
     var North_Lat = bds.getNorthEast().lat(); 
     var North_Lng = bds.getNorthEast().lng(); 
     var Zoom_Level = map.getZoom();   // hide and delete the existing markers 

     for (var i=0; i<gmarkers.length; i++) { 
      gmarkers[i].setMap(null); 
     } 

     gmarkers = []; 
     downloadUrl("./includes/AjaxMarkers.php?maxlat="+North_Lat+"&minlat="+South_Lat+"&minlong="+South_Lng+"&maxlong="+North_Lng+"&zoom="+Zoom_Level, function(data) { 
      var xml = xmlParse(data); 
      var markers = xml.documentElement.getElementsByTagName("marker"); 
      for (var i = 0; i < markers.length; i++) { 
       createMarker(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")), markers[i].getAttribute('titre')); 
      } 

      var markerClusterer = new MarkerClusterer(map, gmarkers); 
     }); 

     markerClusterer.resetViewport() 
    }); 
} 

function createMarker(lat, lng, titre) { 
    var latlng = new google.maps.LatLng(lat, lng); 
    var marker = new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     title: titre }); // keep a reference to created markers so you can remove them 
    gmarkers.push(marker); 
} 

謝謝你！

Answer 1

您的markerClusterer在回調到downloadUrl的內部定義，並且不在該範圍之外訪問。

最簡單的解決方法是在全局上下文中定義它。

var map; 
var gmarkers = []; 
var markerClusterer = null; 

function initialize() { 

然後將downloadURL回調：

downloadUrl("./includes/AjaxMarkers.php?maxlat="+North_Lat+"&minlat="+South_Lat+"&minlong="+South_Lng+"&maxlong="+North_Lng+"&zoom="+Zoom_Level, function(data) { 
     var xml = xmlParse(data); 
     var markers = xml.documentElement.getElementsByTagName("marker"); 
     for (var i = 0; i < markers.length; i++) { 
      createMarker(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")), markers[i].getAttribute('titre')); 
     } 

     markerClusterer = new MarkerClusterer(map, gmarkers); 
    });