地图标记的添加与移除问题：循环中旧标记无法隐藏求助

嘿，这个问题我之前帮别人排查过好几次！你遇到的旧标记没消失的问题，大概率是两个核心原因：要么没正确保存旧标记的引用，要么用错了隐藏/移除的方法。我给你一步步拆解解决方案：

1. 先搞定「旧标记的引用」 #

你得在循环外面声明一个变量，专门用来存储当前显示的标记实例——不然每次循环都会创建新变量，根本找不到之前的旧标记！

比如这样：

// 放在循环外的作用域（比如全局、函数外层）
let currentMarker = null;

2. 用「移除」代替「隐藏」更靠谱 #

很多地图API里，visible(false)只是让标记不可见，但它依然存在于地图的图层列表里，有时候会因为缓存或者API内部逻辑导致没生效。直接移除旧标记才是彻底的办法，不同地图API的移除方法略有不同：

举两个常用API的例子： #

Leaflet 地图：

// 循环内部的逻辑
if (currentMarker) {
  // 从地图上移除旧标记
  map.removeLayer(currentMarker);
}
// 创建并添加新标记到地图
currentMarker = L.marker(newPosition).addTo(map);

Google Maps 地图：

// 循环内部的逻辑
if (currentMarker) {
  // 把旧标记从地图上移除（setMap(null)是Google Maps的标准移除方式）
  currentMarker.setMap(null);
}
// 创建新标记并绑定到地图
currentMarker = new google.maps.Marker({
  position: newPosition,
  map: map
});

3. 如果非要用「隐藏」，得用API的正确方法 #

如果你坚持想通过隐藏来实现，那要注意：不能直接修改options里的visible属性，得用API提供的专门方法。比如Google Maps里是setVisible()：

// 错误写法：
currentMarker.options.visible(false);
// 正确写法：
currentMarker.setVisible(false);

但还是那句话，移除比隐藏更彻底，能避免不必要的内存占用，也不会出现“明明设置了隐藏却还看得见”的奇怪问题。

最后检查一个坑 #

一定要确保currentMarker的作用域是对的——如果它是循环内部声明的变量，那每次循环都会重置，根本存不住旧标记的引用，这是很多人踩过的坑！

内容的提问来源于stack exchange，提问作者Tainted