Google maps api 3 隐藏在地图视图后面的楼层平面覆盖,不考虑z索引设置

Google maps api 3 隐藏在地图视图后面的楼层平面覆盖,不考虑z索引设置,google-maps-api-3,overlay,Google Maps Api 3,Overlay,我正在研究在谷歌地图中将楼层平面叠加应用于建筑物的卫星视图。要做到这一点,我遵循了,但覆盖是隐藏在地图窗格后面,无论z索引设置 我正在使用OverlayView()函数,其中定义了onAdd函数 overlayFloorPlan.prototype.onAdd=function(){ //创建DIV并设置一些基本属性。 var div=document.createElement('div'); div.style.borderStyle='none'; div.style.borderWidt

我正在研究在谷歌地图中将楼层平面叠加应用于建筑物的卫星视图。要做到这一点,我遵循了,但覆盖是隐藏在地图窗格后面,无论z索引设置

我正在使用
OverlayView()
函数,其中定义了onAdd函数

overlayFloorPlan.prototype.onAdd=function(){
//创建DIV并设置一些基本属性。
var div=document.createElement('div');
div.style.borderStyle='none';
div.style.borderWidth='0px';
div.style.position='绝对';
div.style.zIndex='100000';//这个数字没有区别
//创建一个IMG元素并将其附加到DIV。
var img=document.createElement('img');
img.src=this.image;
img.style.width='100%';
img.style.height='100%';
img.style.position='绝对';
img.style.opacity=“0.7”;
//img.style.zIndex=“100000”;
儿童分部(img);
//将覆盖的div_u属性设置为此div
this.div=div;
//我们通过地图的一个窗格向地图添加覆盖。
//我们将此覆盖添加到覆盖图像窗格。
var panes=this.getPanes();
窗格。覆盖图像。追加子对象(div);
}
奇怪的是,在页面加载过程中,我能在瞬间看到覆盖图像,然后它就消失了

更奇怪的是,这段代码在我工作时的dev机器上显示得很好,但在家里的本地机器上却没有。我可以远程进入并按预期看到覆盖。这两台机器运行相同的Ubuntu最新版本,只是内核版本不同


非常感谢您的帮助。

您已将包含图像的DIV绝对定位,但没有指定大小。 图像也绝对定位,高度和宽度为100%,但100%是什么?由于DIV没有大小,因此图像大小为100%零。给DIV指定一个大小,或者给图像指定一个特定的大小,它就会出现


您还应该使用overlayLayer窗格而不是overlayImage。

您有包含绝对定位图像的DIV,但没有指定大小。 图像也绝对定位,高度和宽度为100%,但100%是什么?由于DIV没有大小,因此图像大小为100%零。给DIV指定一个大小,或者给图像指定一个特定的大小,它就会出现

您还应该使用overlayLayer窗格而不是overlayImage