javascript - 如何通过按钮隐藏谷歌地图标记？

Question

我有一张谷歌地图。我创建了一些标记，但无法隐藏这些标记。我看了this document 。我有一个功能，但失败了。

function LoadMap () {
  var markers = JSON.parse('<%=Stations() %>');
  var mapOptions = {
    center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
    zoom: 5,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var infoWindow = new google.maps.InfoWindow();
  map2 = new google.maps.Map(document.getElementById("map_canvas2"), mapOptions2);
  for (i = 0; i < markers.length; i++) {
    var data = markers[i]
    var myLatlng = new google.maps.LatLng(data.lat, data.lng);
    var marker = new google.maps.Marker({
      position: myLatlng,
      map: map2,
      title:"Hello",
    });
    (function (marker, data) {
      google.maps.event.addListener(marker, "click", function (e) {
        infoWindow.setContent(data.description);
        infoWindow.open(map, marker);
        icon: InitIcon
      });
    }(marker, data);
  }
}

Answer 1

您需要将 setMap(null) 应用到您的标记数组。

如果您的 markers 变量包含所有标记，您需要循环遍历每个标记并使用删除每个标记

markers[i].setMap(null);

如your sample所示

顺便说一句，您的代码包含一些错误，例如 var data =markers[i]

之后缺少 ;