我有一张带有一堆标记的 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);
}
有人可以建议一种更优雅的方法吗?
最佳答案
鉴于要从 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;
}
关于javascript - 从 map 上删除特定标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8247811/