google-maps-api-3 - 谷歌地图标记 (v3) 的可拖动属性是否会影响标记的 zIndex？

Question

我有一张 map ，一个 zIndex = 6 的标记，当我单击它时，会出现一个信息框(zIndex:5 和 Pane :“overlayImage”)。因此，标记和工具提示位于同一 Pane 中，因此它取决于顶部和底部的 zIndex。我遇到的问题是，如果标记具有 (draggable: true)，则 zIndex 比较有效。 (标记位于顶部，因为 6>5)，但是如果我删除可拖动属性，即使 zindex 高于信息框 zIndex，标记也会位于信息框下方。

有人可以解释一下为什么会发生这种情况吗？代码:

function initialize() {

    var secheltLoc = new google.maps.LatLng(49.47216, -123.76307);

    var myMapOptions = {
         zoom: 15
        ,center: secheltLoc
        ,mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var theMap = new google.maps.Map(document.getElementById("map_canvas"), myMapOptions);

    var marker = new google.maps.Marker({
        map: theMap,
        draggable: true,
        position: new google.maps.LatLng(49.47216, -123.76307),
        zIndex: 6
    });

    var boxText = document.createElement("div");
    boxText.style.cssText = "zindex: 3;border: 1px solid black; margin-top: 8px; background: yellow; padding: 5px;";
    boxText.innerHTML = "City Hall, Sechelt<br>British Columbia<br>Canada";

    var myOptions = {
         content: boxText
        ,disableAutoPan: false
        ,maxWidth: 0
        ,pixelOffset: new google.maps.Size(-10, -20)
        ,zIndex: 5
        ,boxStyle: {
          background: "url('tipbox.gif') no-repeat"
          ,opacity: 0.75
          ,width: "280px"
         }
        ,closeBoxMargin: "10px 2px 2px 2px"
        ,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
        ,infoBoxClearance: new google.maps.Size(1, 1)
        ,isHidden: false
        ,pane: "overlayImage"
        ,enableEventPropagation: false
    };

    var ib = new InfoBox(myOptions);
    google.maps.event.addListener(marker, "mouseover", function (e) {
        ib.open(theMap, this);        
    });
}

Answer 1

如果将标记设置为可拖动，则它不会被优化(不会在 Canvas 中呈现)。

如果将optimized设置为false，也会有同样的效果(无需将标记设置为可拖动)。