4

我有一张地图，一个 zIndex = 6 的标记，当我点击它时，会出现一个信息框（zIndex：5 和窗格：“overlayImage”）。所以标记和工具提示在同一个窗格中，所以它取决于 zIndex 哪个在上面，哪个在下面。我遇到的问题是，如果标记具有（可拖动：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);        
    });
}
4

1 回答 1

4

如果将标记设置为可拖动，则不会对其进行优化（不在画布中渲染）。

如果将优化设置为 false，则效果相同（无需将标记设置为可拖动）。

于 2012-11-05T17:07:20.647 回答