在 Google Maps API v3 中打开/关闭标记

Question

我在获取 setMap(null); 时遇到问题每个人似乎都推荐使用的功能。

我相信这可能是我实现标记的方式有问题。

如果有人可以看一下并让我知道如果您发现有问题，我将不胜感激。

链接：http://www.dougglover.com/samples/UOITMap/v2/

请注意：上面的旧链接不会去任何地方。

Answer 1

不要使用 setMap(null) 来切换地图上的标记！因此，API 提供了 setVisible 方法，什么是适合该任务的方法。

Answer 2

基本问题是，如果您希望它起作用，您必须决定 markersTest 对象应该保存什么。您似乎无法决定 markersTest 中的元素应该是标记还是应该是告诉您标记将放置在何处的数组。

引用您的 javascript 文件，以下是您选中/清除复选框时执行的两个函数：

15  function addTestMarkers(){
16      for(var i in markersTest) {
17          var location = new google.maps.LatLng(markersTest[i][1], markersTest[i][2]);
18          marker = new google.maps.Marker({
19              position: location,
20              map: map
21          });
22      }
23  }
24  
25  // Removes the overlays from the map, but keeps them in the array
26  function clearOverlays() {
27      if (markersTest) {
28          for (i in markersTest) {
29              markersTest[i].setMap(null);
30          }
31      }
32  }

为了使 addTestMarkers 工作，markersTest 对象需要保存位置的描述标记应该消失。为了让 clearOverlays 工作，markersTest 对象需要保存标记。

我的建议是：将 javascript 文件顶部设置的 markersTest 对象更改为 markerDestinations，并在 javascript 文件顶部添加 markersTest 初始化为：

markersTest = {};

然后，将 addTestMarkers 修改为：

function addTestMarkers() {
    for(var i in markerDestinations) {
        var location = new google.maps.LatLng(markersDestinations[i][1], markersDestinations[i][2]);
        markersTest[i] = new google.maps.Marker({
            position: location,
            map: map
        });
    }
}

关键的更改是使 addTestMarkers 实际上将标记放入 markersTest 对象中。