FC2ブログ

google map をクリックしてマーカー表示

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
のところは
マーカー表示する対象なので、
これは中心にマーカーを書いたときと一緒
スポンサーサイト



テーマ : プログラミング
ジャンル : コンピュータ

コメント

非公開コメント

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