I am using InfoBubble to display content in GMap. However the zIndex seems not

Question

0

Asked: June 5, 20262026-06-05T22:34:19+00:00 2026-06-05T22:34:19+00:00

I am using InfoBubble to display content in GMap. However the zIndex seems not

0

I am using InfoBubble to display content in GMap. However the zIndex seems not working since InfoBubble with lower zIndex still block Marker with higher zIndex, anyone encouter similar issue?

The GMap Marker:

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
});

The 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
});

Thank you.