我正试图在谷歌地图api v3中获得一个叠加层,以显示在所有标记之上.但似乎google 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
$('<div>test</div>').css({ left: x, position: 'absolute', top: y + 'px', zIndex: 1000 }).appendTo('.overlay');
}
Run Code Online (Sandbox Code Playgroud)
在创建叠加层时,我已经尝试了所有可以想到的属性.zIndex,zPriority等
我正在添加我的叠加层:
$.view.overlay = new GmapOverlay( { map: view.map.gmap });
Run Code Online (Sandbox Code Playgroud)
GmapOverlay继承自新的google.maps.OverlayView.
有任何想法吗?
..fredrik