相关疑难解决方法(0)

谷歌地图版本3中的z-Index覆盖

我正试图在谷歌地图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

javascript google-maps

22
推荐指数
2
解决办法
2万
查看次数

标签 统计

google-maps ×1

javascript ×1