2

カスタム mapbox スタジオ マップを自分のサイトに埋め込み、minZoom と maxZoom の座標を設定して、特定のズーム レベルにのみズームアウトし、特定のズーム レベルにズームインするようにしました。しかし、ユーザーがズームインすると、マップはユーザーがマウスポインターを置いた場所に移動しますが、ユーザーがマウスポインターを置いた場所ではなく、開始点にズームバックしたいのです。
これは私が見つけた最も近い例ですが、物語は必要ありません。ユーザーに地図をスクロールしてもらいたい: https://www.mapbox.com/mapbox-gl-js/example/scroll-fly-に/

ユーザーが下にスクロールすると埋め込みマップが特定の座標セットにズームアウトし、ユーザーが上にスクロールすると埋め込みマップが特定の座標セットにズームインするようにするにはどうすればよいですか?

var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v8',
center: [-118.451784, 34.035947], // starting position
zoom: 11.66,
maxZoom: 11.66, // starting zoom
minZoom: 1.4, // ending zoom
doubleClickZoom: false,
dragRotate: false,
dragPan: false

});

4

1 に答える 1