FC2ブログ

GoogleMapでマーカー表示

Google mapでマーカー表示

GoogleMapでは、複数のマーカー表示が可能

ただし、今回は、ひとつだけ

マーカー表示は
google.maps.Marker()
を使う

newでMarkerオブジェクトを作成し
google.maps.Marker()の
パラメータはJavascriptのオブジェクト形式で指定する

このパラメータのうち、最低限必要なのは

position
マーカー表示する緯度経度

map
マーカー表示をするマップオブジェクト

ソースにすると
marker = new google.maps.Marker({
position: currentPosition,
map: map
});


ただ、これだとナビとかみたいに移動すると
どんどんマーカーが増える

このため、不要なマーカーは削除する
マーカーの削除は
setMap()へnullを設定する

ただし、マーカーが表示されてないときに
nullを設定するとエラーとなるので
if(marker){
marker.setMap(null);
}

というように、条件で判定するようにしておく
スポンサーサイト



コメント

非公開コメント

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