指定範囲を全て表示するようにZoom値を自動調整してくれます。
指定範囲は北西端の座標と東南端の座標をしていします。
具体的には下記のようになります。
<!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 gmap = new google.maps.Map(map);
// 富士山とスカイツリーの座標を設定する
var sw = new google.maps.LatLng(35.362176, 138.727112);
var ne = new google.maps.LatLng(35.710063, 139.810699);
var bounds = new google.maps.LatLngBounds(sw, ne);
gmap.fitBounds(bounds);
});
</script>
</head>
<body>
<div id="map_canvas" style="width: 400px; height: 400px"> </div>
</body>
</html>
富士山とスカイツリーが見えるように
地図のセンターとズームを自動で設定してくれます。
0 件のコメント:
コメントを投稿