z-Index叠加在Google地图版本3中。

10 浏览
0 Comments

z-Index叠加在Google地图版本3中。

我正在尝试使谷歌地图API v3中的叠加层显示在所有标记之上。但是似乎谷歌API总是将我的叠加层放在最低的z-index优先级上。我找到的唯一解决办法是通过DOM树逐级迭代并手动设置更高的z-index值。这个解决办法不太理想。

我正在通过以下代码向我的叠加层添加一个新的div：

 onclick : function (e) {
     var index = $(e.target).index(),
         lngLatXYposition = $.view.overlay.getProjection().fromLatLngToDivPixel(this.getPosition());
         icon = this.getIcon(),
         x = lngLatXYposition.x - icon.anchor.x,
         y = lngLatXYposition.y - icon.anchor.y
     $('test').css({ left: x, position: 'absolute', top: y + 'px', zIndex: 1000 }).appendTo('.overlay');
}

我尝试了创建叠加层时能想到的每个属性。zIndex，zPriority等等。

我通过以下代码添加我的叠加层：

$.view.overlay = new GmapOverlay( { map: view.map.gmap });

而GmapOverlay继承自new google.maps.OverlayView。

有什么想法吗？

..fredrik

0