Google将标记z索引映射到信息框顶部

Question

有没有办法让Google地图标记位于信息框之上？

似乎无法找到解决方案......

Answer 1

是的，您可以使用InfoBubble颜色制作透明rgba s。这可能是最简单的解决方法。内容是任何HTML字符串，因此您应该能够应用CSS样式，如示例所示。

 infoBubble2 = new InfoBubble({
      map: map,
      content: '<div class="phoneytext">Some label</div>',
      ...

InfoBubble页面：http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html?compiled

我的演示 http://www.tinabama.com/googlemaps/1.html

    infoBubble2 = new InfoBubble({
      map: map,
      content: 'some text<br>more text<br><br>more more text',
      position: new google.maps.LatLng(44.2, -74),
      shadowStyle: 1,
      padding: 0,
      backgroundColor: 'rgba(57,57,57,0.3)',
      borderRadius: 4,
      arrowSize: 10,
      borderWidth: 1,
      borderColor: '#2c2c2c',
      disableAutoPan: true,
      hideCloseButton: true,
      arrowPosition: 30,
      backgroundClassName: 'phoney',
      arrowStyle: 2
    });

    infoBubble2.open();