0

Google マップ v3を含むウェブサイトhttps://yachtcharterbook.comを作成しています。マーカーのマウスオーバーでポップアップするマーカーと情報ウィンドウを取得しました。情報ウィンドウが表示されたら、マウスでその上を移動しようとしますが、別のマーカーがその下にある場合、現在の情報ウィンドウが閉じて、2 つ目のポップアップが表示されます。レイヤー、パネル、または z-index に問題があり、よくわかりません。Infowindow ペイン: 'floatPane'、ペイン: 'mapPane'、infowindow とマーカーの zIndex で遊んでみましたが、変更はありません。なぜそれが起こっているのか、いくつかのアイデアがありますか？

var ib = new InfoBox();
            latLng = new google.maps.LatLng(38.909593, -76.419036);
                marker[282] = new google.maps.Marker({
                position: latLng,
                map: map,
                icon: defIcon
            });

            var infobox282 = {
                content: document.getElementById('infobox282'),
                disableAutoPan: false,
                maxWidth: 0,
                pane: 'floatPane',
                pixelOffset: new google.maps.Size(20, -74),
                zIndex: null,
                alignBottom: false
            };

            google.maps.event.addListener(marker[282], 'mouseover', function() {
                ib.close();
                ib.setOptions(infobox282)
                ib.open(map, this);
            });

<div class="bubble" id="infobox282">
            <h1>США, <span>Chesapeake Bay</span></h1><div class="objects">
                    <div class="link">
                        <a href="https://yachtcharterbook.com/ru/yacht-charter/country/230/area/282/prop_type/6">Парусные катамараны (1)</a>
                    </div>
                </div><div class="objects">
                    <div class="link">
                        <a href="https://yachtcharterbook.com/ru/yacht-charter/country/230/area/282/prop_type/5">Парусные яхты (13)</a>
                    </div>
                </div><div class="objects">
                    <div class="link">
                        <a href="https://yachtcharterbook.com/ru/yacht-charter/country/230/area/282">Все яхты (14)</a>
                    </div>
                </div></div>

ありがとう！

4

1 に答える 1

1

解決しました。最適化された: false をマーカーに追加しました。

latLng = new google.maps.LatLng(38.909593, -76.419036);
                marker[282] = new google.maps.Marker({
                position: latLng,
                map: map,
                icon: defIcon,
                optimized: false
            });
于 2015-04-03T11:34:38.243 に答える