Vue-Mapbox缩放事件

Question

我当时正在使用vue-mapbox，并希望每次缩放都得到一个事件，vue-mapbox可以吗？还是我可以使用其他替代选项？

或者作为替代选择，如果<MglNavigationControl />组件具有控制缩放的点击事件？

它尝试在@click上添加<MglNavigationControl @click="click" />，但无效

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

Answer 1

AFAIK在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());
      });
    }
  }