InfoBubble を使用してGMapにコンテンツを表示しています。ただし、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
});
インフォバブル:
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
});
ありがとうございました。