Vue-Mapbox 缩放事件

Question

我正在使用 vue-mapbox 并希望每次缩放更改时都获得一个事件，vue-mapbox 可以吗？或者我是否可以使用任何其他替代选项？

或者如果控制缩放的 <MglNavigationControl /> 组件有一个点击事件？

它尝试在 <MglNavigationControl @click="click" /> 上添加 @click 但它不起作用

method : {
click(){
 alert('zoom button clicked')
}
}

Answer 1

据我所知，vue-mapbox 中没有公开用于处理缩放事件的事件或操作。您必须通过执行以下操作来解决此问题：

<VueMapbox
  mapStyle="mapbox://styles/mapbox/streets-v9"
  accessToken="<token>"
  @load="onMapLoad"
/>

 methods: {
    onMapLoad({ map }) {
      map.on("zoomend", e => {
        alert('Zoom end: ' + e.target.getZoom());
      });
    }
  }