标记的Z指数高于信息框的Z指数

时间:2012-04-10 04:10:18

标签: javascript jquery css google-maps google-maps-api-3

我使用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
});

1 个答案:

答案 0 :(得分:2)

为Infowindow设置的z-index仅设置Infowindows的相对顺序。正如文档中提到的默认InfoWindows始终显示在标记前面。