2013-11-01 10 views
10

私はjavascriptでgoogle map apiを使用しています。私は安静なサービスからの価値によってズームとセンターを変更する必要があり、setCenterとsetZoom関数でそれを行うことができます。javascript google map setcenterとsetzoom with animation

しかし、問題は、マップがリロードされているため、私の上司は、マップを再ロードするのではなく、その場所をアニメーションで集中させたいと思います。

答えて

26

方法setCenterは地図をリロードします。 panTo方法を使用、再充電を持つとアニメーションを持っていない場合:this linkによるとMap.panTo Developers Documentation

+0

。どのように私はこれを行うことができます任意のアイデア? – Michael

13

を、この方法:

panToの(緯度経度:緯度経度| LatLngLiteral)

は、中央を変更します指定されたLatLngに地図の変更がマップの幅と高さよりも小さい場合、トランジションはスムーズにアニメートされます。

だから、単純に使用することができます。

map.panTo(location); 

場所:私はGPSによって報告された速度を等しくなるようにアニメーションの速度にしたい

var location = new google.maps.LatLng(latitude, longitude); 
var mapOptions = { 
// your map options 
       }; 
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); // map-canvas is id of your map holder