清除地圖標記

Question

我使用this頁面，允許用戶自己鍵入一個地址給定的範圍內搜索興趣點。

我遇到的問題是，我不能清除成功搜索和不成功搜索之間的標記地圖。

例如，如果我在25英里半徑內輸入Swindon，則在邊欄內顯示2個POI，並在地圖上顯示其各自的標記。

如果我在25英里再次使用County Antrim作爲我的搜索地址，側欄會正確顯示'找不到結果'，但來自初始選區的標記仍然在地圖上。

我已經瀏覽了互聯網，嘗試使用不同的代碼片段來使這個工作，但我真的堅持這個問題。我已經回到Google網站上的源代碼，我確定我使用的是相同的代碼。

有人可能會告訴我我要去哪裏錯了嗎？

Answer 1

我用這個：

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

Answer 2

你必須定義一個標誌器陣列，但在你的searchLocationsNear()功能你從不添加標記到陣列。因此，當您試圖在clearLocations()函數中循環訪問時，該數組爲空。

試試這個：

//... 
for (var i = 0; i < markerNodes.length; i++) { 
    var sitedescription = markerNodes[i].getAttribute("sitedescription"); 
    var distance = parseFloat(markerNodes[i].getAttribute("distance")); 
    var latlng = new google.maps.LatLng(
      parseFloat(markerNodes[i].getAttribute("siteosgb36lat")), 
      parseFloat(markerNodes[i].getAttribute("siteosgb36lon"))); 

    var marker = createMarker(latlng, sitedescription); 

    markers.push(marker); //add marker to the markers array. 

    bounds.extend(latlng); 

    var sidebarEntry = createSidebarEntry(marker, sitedescription, distance); 
    sidebar.appendChild(sidebarEntry); 
    }