jquery - Google在信息框顶部映射标记Z索引

有没有一种方法可以使Google Maps标记位于信息框的顶部？

似乎找不到解决方案...

最佳答案

是的，您可以使用InfoBubble颜色制作透明的rgba。这可能是最简单的解决方法。内容是任何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();