1

Mapbox.js を使用して、一連のポイントを示すアニメーション マップを作成しています。理想的には、d3.js で作成したこの例のように、ズームとパンを組み合わせてポイント間でフォーカスをスムーズに切り替えたいと考えています。とにかくパンとズームのアニメーション速度を制御する方法があるのだろうか（主に遅くするため）。以下のコードでは、setView() 関数と panTo() 関数の両方を試しましたが、遷移が速すぎます。どんな提案でも大歓迎です、ありがとう！

L.mapbox.accessToken = "#Token Here";
var map = L.mapbox.map('map', 'mapbox.streets')
        .setView([34.01, -118.48], 5, { 
            pan: { animate: true }, 
            zoom: { animate: true } 
        });

map.setView([33.98, -118.42], 5);
4

1 に答える 1

1

このフィドルを見てください。

次のような関数を使用できます。

function jumpTo(index){
    map.setView(positions[index], 4, {
        pan: {
            animate: true,
            duration: 2
        },
        zoom: {
            animate: true
        }
    });
}

そして、moveendイベントでそれを制御します。

于 2015-06-08T11:07:10.687 に答える