Google Maps API V3を使用してマーカーを作成し、Infoboxライブラリを使用してカスタム情報ウィンドウを作成しています。
問題:特定のマーカーをインフォボックスの上に表示したい。ただし、マーカーのZインデックスをインフォボックスのzインデックスよりも大きく設定すると、情報ボックスがマーカーの上にある場合、スタックの順序は変更されません。
Zインデックスの注文を機能させるために必要なものを見逃しましたか?
JSコード
// Create InfoBox
var infoboxOptions = {
disableAutoPan: true,
maxWidth: 0,
pixelOffset: new google.maps.Size(infobox_offsets[0], infobox_offsets[1]),
zIndex: 100,
infoBoxClearance: new google.maps.Size(5, 5),
contextmenu: true,
closeBoxURL: '',
isHidden: true,
pane: "floatPane",
enableEventPropagation: false
};
var infobox = new InfoBox(infoboxOptions);
// Create the marker
var marker = new google.maps.Marker({
position: latLng,
icon: markerImage,
zIndex: 200,
map: map
});