1

我有一个 html 复选框，它运行 if else javascript 函数，具体取决于它是选中还是未选中。当复选框被选中时，它会从数据库中加载名为“Fishmark”的标记。这工作正常。

我需要帮助的是在未选中该框时删除标记。我知道 if, else 语句是正确的，因此它与实际的 Google API 代码一致。我成功地在我网站的另一部分使用了 setMap(null)，所以我有点不明白为什么它没有将所有 Fishmark 标记从地图上移除。

var checkbox = document.getElementById("chbx");     
function addRemoveFishing(){
    if(checkbox.checked==true){
        fishingUrl("XML_Fishing.php", function(data) {
    var xml = data.responseXML;
    var markers = xml.documentElement.getElementsByTagName("marker");
    for (var i = 0; i < markers.length; i++) {
      var title = markers[i].getAttribute("title");
      var water_type = markers[i].getAttribute("water_type");
      var water_depth = markers[i].getAttribute("water_depth");
      var point = new google.maps.LatLng(
          parseFloat(markers[i].getAttribute("lat")),
          parseFloat(markers[i].getAttribute("lng")));
    var bait = markers[i].getAttribute("bait");
    var fish = markers[i].getAttribute("fish");
    var notes = markers[i].getAttribute("notes");

      var Fishhtml = "<b>" + title + "</b> <br/>" + water_type + "</b> <br/>" + water_depth + "</b> <br/>" + bait
      + "</b> <br/>" + fish + "</b> <br/>" + notes;
      var icon = FishingIcon;
     var Fishmark = new google.maps.Marker({
        map: map,
        position: point,
        icon: icon.icon
      });
      bindInfoWindow4(Fishmark, map, Fishinfo, Fishhtml);
                        }
    });
    }
    else {
        Fishmark.setMap(null);
    }
};
4

1 回答 1

2

您正在 for 循环中创建多个标记。在您的 else 语句中，您仅从地图中删除一 (1) 个标记。

例如，将标记存储在数组中，然后在 else 语句中创建一个 for 循环，为每个标记调用 setMap(null)。

于 2012-10-27T20:37:08.640 回答