mapbox-gl-js - mapbox-gl-js でハンドラをオーバーライドするには?

Question

Mapbox-gl-js には「ハンドラー」があります - https://www.mapbox.com/mapbox-gl-js/api/#Handlers

ScrollZoomHandler などのハンドラーをオーバーライドするにはどうすればよいでしょうか。

CSS で変換されたマップ コンテナーを補正するためにマウスの位置を調整するために、ScrollZoomHandler _onWheel メソッドをオーバーライドしたいと考えています。

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);