Vue-Mapbox 縮放事件

Question

我正在使用vue-mapbox並希望每次縮放更改時都獲得一個事件， vue-mapbox嗎？ 或者我是否可以使用任何其他替代選項？

或者作為替代，如果控制縮放的<MglNavigationControl />組件有點擊事件？

它嘗試在<MglNavigationControl @click="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());
      });
    }
  }