google map へマーカー表示
#04 マーカーを表示する
http://dotinstall.com/lessons/basic_google_maps/3504
を参考に
google map にマーカーを表示する
今後、いろいろとマーカーを変えることで活用できそう
マーカーを作成する際のオプションや設定できるイベントなどは
マーカーを表示するには
var marker = new google.maps.marker({
position: map.getCenter(),
map: map
});
必須項目は
position つまりマーカーの位置
position は緯度経度を指定するけど
変数に格納して
position: latlng
というようにしてもOK
今回の
map.getCenter()
にすると
var options で設定した地図の
中心座標の緯度経度を取得できる
ちなみに、
var options の設定は
var options ={
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map: map
は、マーカーを表示する領域の指定
構文にすると
map: 表示する場所
という意味
今回、表示する場所がmap なのは
var map = new google.maps.Map(document.getElementById(‘map’),options);
で
変数 map だから
今回の getCenter() などについては
https://developers.google.com/maps/documentation/javascript/reference?hl=ja&csw=1#Map
を参照
ちなみに、
getZoom() はズームレベルを取得する