FC2ブログ

google map へマーカー表示

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() はズームレベルを取得する

スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック