谷歌地图v3标记信息框

问题描述：

我正在创建谷歌地图v3的网站https://yachtcharterbook.com。我有标记和infowindows弹出式标记鼠标。当infowindows出现时，我尝试通过鼠标浏览它，但是当另一个标记在它下面时 - 当前infowindow关闭，第二个弹出窗口。我没有真正理解的层或面板或z-index有问题。我试着玩infowindow窗格：'floatPane'，窗格：'mapPane'，infowindow和标记上的zIndex，但没有更改。也许你有一些想法，为什么它发生？谷歌地图v3标记信息框

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>

谢谢！

答

已解决。刚添加优化：对标记为false。

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

谷歌地图v3标记信息框

相关推荐