マーカーと同時に表示すると情報ウィンドウが表示ウィンドウの上に上がってしまい切れてしまう。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | google.maps.event.addDomListener(window, 'load', function() { var map = new google.maps.Map(document.getElementById('map_canvas'), { zoom: 12, center: new google.maps.LatLng(lat, lng), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infoWindow = new google.maps.InfoWindow({ maxWidth: 300, content:'<p>メッセージ</p><p>メッセージ</p><p>メッセージ</p>' }); var marker1 = new google.maps.Marker({ map: map, position: new google.maps.LatLng(lat, lng) }); google.maps.event.addListener(marker1, 'click', function(){ infoWindow.open(map, marker1); }); google.maps.event.trigger(marker1, 'click');}); |
最初上記のようにしていたのだが、
このように情報ウィンドウの上が切れてしまっている。
しかし、マウスでマーカーをクリックするとちゃんと情報ウィンドウが欠けずに表示される。
ならば、ちょっとまってからクリックすればいいのかなと思って
1 2 3 4 | pid = setTimeout(function(){google.maps.event.trigger(marker1, 'click');clearTimeout(pid);},600); |
setTimeoutを使って見たら上手く行った。
Pタグを外しても上手く行ったのだが、それはそれで困ってしまうので。
