Shadowbox.js
複数の中で使用しようとしていますInfoWindow
:
function initialize() {
//create the Map
var map = new google.maps.Map(...);
//create the Markers
var marker = new google.maps.Marker(...);
var marker2 = new google.maps.Marker(...);
//create the InfoWindow
var infoWindow = new google.maps.InfoWindow();
//link the Markers to the InfoWindow
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent('<a href="http://placehold.it/200x200.jpg" rel="shadowbox">Working shadowbox link</a>');
infoWindow.open(map, marker);
});
google.maps.event.addListener(marker2, 'click', function() {
infoWindow.setContent('<a href="http://placehold.it/300x150.jpg" rel="shadowbox">Broken shadowbox link</a>');
infoWindow.open(map, marker2);
});
//enable Shadowbox
google.maps.event.addListener(infoWindow, 'domready', function() {
Shadowbox.init({
overlayOpacity: 0.8
});
});
}
google.maps.event.addDomListener(window, 'load', initialize);
ご覧のとおり、正常に機能しましたが、最初のInfoWindow
.
これは、イベントの添付ファイルが原因のようです。使用していdomready
ます:
google.maps.event.addListener(infoWindow, 'domready', function() {});
それぞれの Shadowbox を「再初期化」する別の方法が見つかりませんInfoWindow
。
何かアドバイス ?