Vue-Mapbox缩放事件

Question

i使用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());
      });
    }
  }