Google Maps JavaScript APIにおいて、先日のエントリに使用した”MapOption“を確認。
■ 環境
- Google Maps JavaScript API v3
■ コード
使用したJavaScriptのコードは下記の通り。
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
MapObjectに渡しているOptionは下記2つ。
- center
- zoom
リファレンスを見る限り、この2つが必須オプションのようである。
https://developers.google.com/maps/documentation/javascript/3.exp/reference#MapOptions
■ center
緯度経度なので、存在する所であればどこでも良いだろう。
■ zoom
数値を指定する。”0“から”21“まであるようである。
■ 実践
下記に、東京駅の緯度(35.681382)経度(139.766084)を使用してやってみる。
zoom: 0
zoom: 12
zoom: 15
zoom: 21
感覚的には”15“くらいが妥当といった所だろうか。
以上。