吹き出し(InfoWindow)を表示してみる。Google Maps JavaScript API(v3)
2014年3月23日
まずは、地図上にマーカーを表示。
そして、そのマーカーにクリックイベントを設定します。
// 地図生成 var map = new google.maps.Map(/* .. 省略 .. */); // マーカーを追加 var marker = new google.maps.Marker({/* .. 省略 .. */}); // クリックイベントを追加 google.maps.event.addListener( marker, "click", viewInfo ); function viewInfo(){ // 吹き出しを設定 var info = new google.maps.InfoWindow({ content: '<a href="#">リンク</a>' }); info.open(map, marker); }
これで、地図上のマーカーをクリックした時に吹き出しを表示させる事ができました。