InfoBubble z- 색인 및 GMap 마커 Z- 색인

Question

GMap에 콘텐츠를 표시하는 데 InfoBubble을 사용하고 있습니다. 그러나 zIndex가 더 낮은 zIndex가있는 InfoBubble이 여전히 zIndex가 높은 블록을 차단하므로 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는 플로트 창에 있습니다. 마커는 오버레이 창에 있습니다.