googlemapAPIでリンクをクリックすると吹き出しが表示された地図に移動するようにしたい。

実装したいことは以下です。

1, htmlページで別ページあるいは同ページでリンクをクリックする。
( <a href=～
2, googlemapAPIで多くのマーカーが表示されているページに飛ぶ(作成済み)。各マーカーをクリックすると吹き出しが表示される仕様になっている。
3, リンクから飛んできた場合のみ、リンクに対応した吹き出しがはじめから表示されている。

どうしたらよいでしょうか？

行動規範の内容に同意します

回答2件

ベストアンサー

どの部分がわからないのかわかりませんが...

Google Map API側では、以下のように単にinfowindow.openを実行すればいいだけだと思います。以下手元でやってみたサンプルです。後はkei344さんの回答のようにパラメータやアンカーなどで処理を変更すればできると思いますよ

javascript
1google.maps.event.addDomListener(window, 'load', function() {
2    var lat =35.68944;
3    var lng =139.69167;
4
5    var map = new google.maps.Map(document.getElementById('gmap'), {
6        zoom: 16,
7        center: {lat: lat, lng: lng},
8        mapTypeId: google.maps.MapTypeId.ROADMAP,
9        scaleControl: true
10    });
11
12
13    var marker = new google.maps.Marker({
14        position: {lat: lat, lng: lng},
15        map: map
16    });
17    var infowindow = new google.maps.InfoWindow({
18        content: 'hoge'
19    });
20    marker.addListener('click', function() {
21        infowindow.open(map, marker);
22    });
23    // 最初から吹き出しを表示する
24    infowindow.open(map, marker);
25});