地図を指定したピクセルだけ移動します。
このメソッドは緯度経度で指定するのではなく、
ピクセルで移動量を指定します。
なので、ズームレベルとか関係なく
指定した量だけ地図は移動します。
サンプルでは一定間隔（0.5秒間隔）で地図を
ｘ方向に＋２０ｐｘ、
ｙ方向に＋５ｐｘ
移動させています。
移動中にズーム値を変更させても
地図がズレる量は変わりません。
以下サンプルです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title> google maps api v3</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script>
<script type="text/javascript">
google.maps.event.addDomListener(window, "load", function () {
var map = document.getElementById("map_canvas");
var latlng = new google.maps.LatLng(35.689980, 139.700225);
var mapOptions = {
zoom: 16,
center: latlng
};
var gmap = new google.maps.Map(map, mapOptions);
setInterval(function () {
gmap.panBy(20, 5);
}, 500);
});
</script>
</head>
<body>
<div id="map_canvas" style="width: 400px; height: 400px"> </div>
</body>
</html>
0 件のコメント:
コメントを投稿