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);
}
というように、条件で判定するようにしておく