Ionic iOS端Google Maps Marker设置不可见失效求助

我之前做Ionic项目时也碰到过这个iOS特有的小坑！Android端能正常隐藏标记，但iOS上明明设置了visible: false，标记还是会顽固地显示出来。下面给你几个亲测有效的解决办法：

方法一：添加标记后手动调用hide()方法 #

这是最可靠的方案——iOS的Google Maps原生SDK在初始化标记时，visible属性的设置可能存在时序或优先级问题。我们可以先创建标记实例，再手动调用隐藏方法：

// 先存储标记实例
const marker = await this.map.addMarker({
  position: {lat: svLat + Math.abs(neLat - svLat) / 2, lng: svLong + Math.abs(neLong - svLong) / 2},
  infoWindowAnchor: [-150, 50]
});
// 手动调用hide()确保iOS端隐藏
marker.hide();

方法二：升级Ionic Native Google Maps版本 #

如果你的依赖版本比较旧，大概率是官方已经修复的bug。尝试更新到最新稳定版：

npm install @ionic-native/google-maps@latest

更新后记得重新构建iOS项目，确保新依赖生效。

方法三：用opacity:0替代visible:false #

如果上面两种方法都不生效，可以用视觉隐藏的方式——把标记的透明度设为0。虽然标记依然存在于地图上（只是肉眼看不到），但能达到你需要的“不可见”效果：

this.map.addMarker({
  position: {lat: svLat + Math.abs(neLat - svLat) / 2, lng: svLong + Math.abs(neLong - svLong) / 2},
  opacity: 0, // 设为0完全透明
  infoWindowAnchor: [-150, 50]
});

个人最推荐第一种方法，直接调用原生SDK的隐藏方法，兼容性最好，能彻底解决iOS端的这个问题。

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