如何检测谷歌地图在普通地图与卫星视图间的切换事件？

嘿，我之前也踩过这个坑！本来想着用zoom_changed来监听视图切换，结果试了才发现完全没反应——毕竟切换地图类型的时候缩放级别根本没变化嘛。其实谷歌地图早就为这个场景提供了专门的事件，就是**maptypeid_changed**，这才是你要找的和zoom_changed同类型的视图切换检测事件。

具体实现方法： #

• 给你的地图实例绑定maptypeid_changed事件监听器
• 在回调里通过map.getMapTypeId()获取当前地图类型，就能精准判断是切换到普通地图还是卫星视图了

代码示例： #

// 假设你已经完成了地图实例的初始化，变量名为map
google.maps.event.addListener(map, 'maptypeid_changed', function() {
  const currentMapType = map.getMapTypeId();
  if (currentMapType === google.maps.MapTypeId.ROADMAP) {
    console.log('已切换到普通地图视图');
    // 在这里添加你需要执行的业务逻辑
  } else if (currentMapType === google.maps.MapTypeId.SATELLITE) {
    console.log('已切换到卫星视图');
    // 在这里添加你需要执行的业务逻辑
  }
});

补充说明： #

这个事件是双向触发的——不管用户是从普通地图切到卫星视图，还是从卫星视图切回普通地图，maptypeid_changed都会立刻响应，完美满足你的双向切换检测需求。之前用zoom_changed行不通，就是因为该事件只在缩放级别变化时才会触发，和地图类型的变更完全无关。

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