我正在使用 Google Maps API V3 创建标记和 Infobox 库来创建自定义信息窗口。
问题:我希望在信息框上方显示一个特定的标记。但是,当我将标记的 Z-index 设置为大于信息框的 z-index 时,堆叠顺序保持不变,其中信息框仍位于标记的顶部。
我是否错过了使 Z-index 订单正常工作所需的东西?
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
});