InfoBubble z索引和GMap标记z索引

Question

我正在使用InfoBubble在GMap中显示内容。然而，zIndex似乎不工作，因为较低zIndex的InfoBubble仍然阻止较高zIndex的标记，有人遇到类似的问题吗？

GMap标记：

new google.maps.Marker({
    draggable: true,
    raiseOnDrag: true,
    icon: currentLocationMarkerImage,
    shadow: currentLocationMarkerShadow,
    shape: currentLocationMarkerShape,
    map: map,
    animation: google.maps.Animation.DROP,
    position: getOriginLatLng(),
    zIndex: 11
});

InfoBubble：

new InfoBubble({
    /*maxWidth: 300,*/
    borderRadius        : 4,
    arrowStyle          : arrowStyle,
    color               : "#fff",
    borderColor         : '#1e90ff',
    backgroundColor     : '#fefefe',
    disableAutoPan      : disableAutoPan,
    shadowStyle         : 0,
    padding             : 5,
    arrowSize           : 10,
    borderWidth         : 2,
    // hideCloseButton  : true,
    arrowPosition       : 50,
    backgroundClassName : 'phoney',
    disableAnimation    : disableAnimation,
    zIndex              : 10
});

谢谢。

Answer 1

infoBubble将始终显示在标记的顶部。请参见：

https://developers.google.com/maps/documentation/javascript/overlays#Initializing

infoBubble位于浮动窗格上。标记位于覆盖窗格上。