google map をクリックしてマーカー表示
#05 クリックしてマーカーを表示する
http://dotinstall.com/lessons/basic_google_maps/3505
を参考に
地図をクリックしたところにマーカーを配置する
今後、アプリとかでなにかコメント書き込みに使えそう
クリックしてマーカーを表示するには
イベントをつける
google.maps.event.addListener()
を設定することでイベントを追加できる
google.maps.event.addListener(
対象,
動作,
実行内容
)
となる
google.maps.event.addListener(
map,
‘click’,
function(event){
var marker = new google.maps.Marker({
position: event.latLng,
map: map
});
});
クリックされたときに
event に緯度経度が格納されるので
position : の指定には
event.latLng
とすることで、クリックした場所の緯度経度となる
map: map
のところは
マーカー表示する対象なので、
これは中心にマーカーを書いたときと一緒