从 Google 方向服务清除标记

Question

我正在使用 Google Direction Service 检索路线的 lat+lng，然后将 latlon 传递给 php 文件并通过 xml 文件返回标记。

这一切都很好，除了我在请求新路线时无法清除旧标记。下面的代码显示了我如何使用 jQuery 从 xml 文件中获取标记。下面的代码显示了我试图用来清除路线（有效）和旧标记（无效！）的函数

非常感谢您的帮助。

//RETURN DATA FOR PLACE MARKERS
jQuery.get("MYXMLFILE", function(data) {
    jQuery(data).find("marker").each(function() {
        var eachMarker = jQuery(this);
        var markerCoords = new google.maps.LatLng(
            parseFloat(eachMarker.find("Lat").text()),
            parseFloat(eachMarker.find("Lng").text())
        );
        var header  = eachMarker.find("title").text();
        var content = eachMarker.find("Content").text();
        var wxicon  = eachMarker.find("icon").text();
        //---------------------------------------------
        var marker = new google.maps.Marker({
            position: markerCoords,
            map: map,
            icon: wxicon,
            animation: google.maps.Animation.DROP,
            title: header,
        });
        gmarkers.push(marker); // store the reference
    });
});

//CLEAR OLD ROUTE + CLEAR MARKERS

function deleteOverlays() {
    directionsDisplay.setDirections({routes: []});
    gmarker.setMap(null);
    gmarkers = [];
}

Answer 1

var markersArray = [];

每次创建标记时，将其添加到markerArray

for (i = 0; i < locations.length; i++) {

   marker[i] = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            icon: icoImg,
            map: map,
            shadow: flagIcon_shadow,
            title: locations[i][0]
    });
    markersArray.push(marker[i]);
}

调用 deleteOverlays() 从地图中删除所有制造商之后。

    // Deletes all markers in the array by removing references to them
   function deleteOverlays() {
       if (markersArray) {
           for (i in markersArray) {
              markersArray[i].setMap(null);
           }
           markersArray.length = 0;
        }
    }

在你的情况下使用这个

function deleteOverlays() {
   if (gmarkers) {
           for (i in gmarkers) {
               gmarkers[i].setMap(null);
           }
       gmarkers.length = 0;
   }
}