Ionic Cordova Google Maps插件无法移除标记问题

嘿，我来帮你搞定这个问题！你遇到的标记没法用.remove()移除、map.clear()也失效的情况，大概率和标记对象的引用或者地图API的正确使用方式有关，咱们一步步拆解：

• 先确认数组里存的是真实的标记实例
  有时候可能不小心存了标记的副本、属性值或者其他无关对象，导致调用方法时找不到正确的实例。你可以在push标记到temp1后，用这个代码验证：

  const testMarker = temp1[0];
  console.log(testMarker === 你创建标记时的原始变量); // 比如你创建时是const marker = new Marker(...)，就对比testMarker === marker
  

  如果结果是false，说明数组里的不是真实的标记引用，自然调用.remove()没用。这时候要检查push的逻辑，确保存的是标记对象本身。

• 核对地图API的移除方法是否正确
  不同地图API的标记移除方式不一样，别搞混了：

  • 比如Leaflet里，移除标记需要通过地图实例调用map.removeLayer(marker)，而不是直接marker.remove()；
  • Google Maps里，移除标记常用marker.setMap(null)，部分版本可能没有直接的.remove()方法；
  • 如果你用的是其他API，一定要对应文档找正确的移除语法，别硬套通用方法。

• 排查map.clear()失效的原因
  如果map.clear()也没效果，先检查是不是操作了错误的地图实例：比如页面里有多个map对象，你调用clear的那个不是当前显示的地图。另外，有些API的clear()方法可能只清空特定图层，不是移除所有标记，这时候需要先把标记添加到指定图层，再清空图层。

• 快速调试小技巧
  在调用移除方法前，先打印标记对象看看：

  console.log(temp1[0]);
  

  检查它的属性里有没有.remove()方法，或者有没有和地图关联的属性（比如Google Maps里的map属性，如果是null说明标记已经不在地图上了）。另外，试试直接用创建标记时的原始变量调用移除方法，如果这个生效，那肯定是数组里的引用出了问题。

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