如何在Google Maps JS中无需内部API获取首个tile overlay实例

解决方案 #

map.overlayMapTypes 是 Google Maps JS SDK 提供的标准 MVCArray 类型实例，官方提供了稳定的公开方法操作元素，完全不需要依赖随时会变更的内部属性。

获取首个overlay的实现代码如下：

const firstOverlay = window.map.overlayMapTypes.getAt(0);

额外优化建议 #

• 可以先调用公开的getLength()方法判断当前overlay数量，避免下标越界报错：

const overlayCount = window.map.overlayMapTypes.getLength();
if (overlayCount > 0) {
  const firstOverlay = window.map.overlayMapTypes.getAt(0);
  // 在此处写后续业务逻辑
}

• 所有针对overlayMapTypes的增删改查操作都可以用官方公开的insertAt、removeAt、setAt、forEach等方法，所有方法命名均保持稳定，不会随SDK版本更新出现更名问题。

内容的提问来源于stack exchange，提问作者Antonio Gamiz Delgado