InfoBubble z-Index和GMap Marker z-index

Question

我正在使用InfoBubble在GMap中显示内容。然而zIndex似乎不起作用，因为具有较低zIndex的InfoBubble仍然使用更高的zIndex阻止Marker，任何人都会遇到类似的问题？

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位于浮动窗格上。标记位于叠加窗格上。