javascript - 从 map 上删除特定标记？

Question

我有一张带有一堆标记的 Google map 。

我将标记逐一添加到 map 中，并且需要时也需要使用单独的 ID 逐一删除各个标记。

目前，我有一些可怕、冗长的代码，涉及全局标记数组、作为元数据添加到每个标记的 ID，以及用于查找数组中标记位置的笨拙方法，如下所示:

  var markersArray = [];
  function getPositionById(markerId, arr) { 
      for (var i = 0; i < arr.length; i++) { 
          if (arr[i].metadata.id === markerId) { 
                  return i;
          }
      }
      return null;
  }
  function removeMarker(markerId) { 
      var marker_position = getPositionById(markerId, markersArray);
      if (marker_position !== null) {
          markersArray[marker_position].setMap(null);
          markersArray.splice(marker_position,1);
      }
  }
  function setMarker(position, markerId) {
      removeMarker(markerId);
      var temp_marker = new google.maps.Marker({
          position: position
      });
      temp_marker.setMap(map);
      temp_marker.metadata = { id: markerId };
      markersArray.push(temp_marker);
  }

有人可以建议一种更优雅的方法吗？

Answer 1

鉴于要从 map 中删除标记，您需要使用 setMap(null)，这意味着您需要引用该标记。

您在问题中提出的方式看起来并不像您想象的那么可怕，但另一种方法是使用 map 而不是数组(不确定 map 是否是此处使用的最佳术语，因为我们是已经使用 Google map (Map)，尽管如此，使用 map 会让您摆脱 getPositionById() 函数，当然这假设您所有的markerIds都是唯一的。

你的代码看起来像这样。

var markers = {};

function removeMarker(markerId) { 
    if(markers[markerId]){
        markers[markerId].setMap(null);
        delete markers[markerId];
    }
}
function setMarker(position, markerId) {
    removeMarker(markerId);
    var temp_marker = new google.maps.Marker({
        position: position
    });
    temp_marker.setMap(map);
    temp_marker.metadata = { id: markerId };
    markers[markerId] = temp_marker;
}