吹き出し(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);
}
これで、地図上のマーカーをクリックした時に吹き出しを表示させる事ができました。