1

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

ありがとうございました。

4

1 に答える 1

1

infoBubble は常にマーカーの上に表示されます。見る:

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

infoBubble はフロート ペインにあります。マーカーはオーバーレイ ペインにあります。

于 2012-06-16T16:37:38.277 に答える