mapbox-gl-js - 如何覆盖 mapbox-gl-js 中的处理程序？

Question

Mapbox-gl-js 有“处理程序” - https://www.mapbox.com/mapbox-gl-js/api/#Handlers

如何覆盖处理程序，例如 ScrollZoomHandler？

我想重写 ScrollZoomHandler _onWheel 方法以调整鼠标位置以补偿 CSS 转换的地图容器。

https://github.com/mapbox/mapbox-gl-js/blob/d6c34c81f7b0d6e77f1b25c2c080a3c5afba94ab/js/ui/handler/scroll_zoom.js

Answer 1

如果您需要自定义交互处理，我建议禁用处理程序并在 GL JS 之外编写您自己的交互处理代码。

mapbox.scrollZoom.disable();

addEventListener('wheel', document.getElementById('map'), function() {
    ...
    map.zoomTo(...)
    ...
}, false);