在Google地图上叠加DIV

用户名

我正在尝试将div定位为Google Map顶部的叠加层。我似乎无法将其包含在Google Maps div中。

#wrapperMap {
   position: relative;

}

#over {

background: #000000;
position: absolute; 
top: 120px; 
left: 10px; 
z-index: 99;
width: 20%;
height: 380px;
opacity: 0.9;
filter: alpha(opacity=90);
color: #FFFFFF;
}


<div id="wrapperMap">

                <div id="map-canvas2" style="width: 100%; height: 400px; border: 16px solid #e2e1e0;"></div>
                </div>


                <div id="over">

                        <br />

                        <div align="center">
                        <ul class="no_bullet">
                            <li class="school">SCHOOLS</li>
                            <li class="res">RESTAURANTS</li>
                            <li class="rec">RECREATION</li>
                            <li class="shop">SHOPPING</li>
                        </ul>
                        </div>

                </div>

            </div>

您还可以在“当前项目->便利设施”标签下查看此处当前发生的情况。

陆军特种部队

好的,如果您设法将#over和都#map-canvas2放在一个单独的包装器中,则可以很容易地将其拉出,如下所示:

  • 包含这两个ID的包装器,将其设置为相对位置,以便任何绝对位置的子级都将绑定到此父级;
  • 将对象叠加层#over设置为position: absolute,如果要拉伸到其父级高度,则可以使用100%的高度,也可以使用顶部和底部道具。(不要忘记考虑任何边框,边距等)
  • 那应该做到的。

此处查看示例,希望对您有所帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

透明的颜色叠加到Google卫星地图上了吗?

来自分类Dev

如何通过在Google地图上添加叠加图像来从Google地图中隐藏Google徽标?

来自分类Dev

您可以在Google地图上叠加可点击的形状以在网站上显示吗

来自分类Dev

透明div与Google地图上的Google徽标重叠

来自分类Dev

Google地图上的铁路

来自分类Dev

绝对div在Google地图上摇摆不定或消失

来自分类Dev

使用html2canvas在Google地图上下载d3.js叠加层的功能

来自分类Dev

在地图上放置透明的div?

来自分类Dev

是否可以使用ggplot在地图上叠加散点图?

来自分类Dev

整个地图上的Objective-C MapKit叠加层

来自分类Dev

在ggplot地图上叠加多边形

来自分类Dev

获取叠加在地图上的矩形角的坐标

来自分类Dev

是否可以使用ggplot在地图上叠加散点图?

来自分类Dev

如何在不同地图上叠加MKPolyline

来自分类Dev

如何在谷歌地图上叠加条形图?

来自分类Dev

如何在我的地图上提交路线叠加,然后在地图上看到它?

来自分类Dev

在Google地图上添加图标

来自分类Dev

Google地图上的多个标记

来自分类Dev

在Google地图上绘制圆弧

来自分类Dev

在Google地图上保存路线

来自分类Dev

Google地图上的多个标记

来自分类Dev

Google地图上的CAP警报

来自分类Dev

清除Google地图上的标记?

来自分类Dev

Google地图上的透明布局

来自分类Dev

在Google地图上放置文字

来自分类Dev

避免在Google地图叠加层中重叠

来自分类Dev

避免在Google地图叠加层中重叠

来自分类Dev

通过单击Google地图上的标记来打开div而不是信息窗口

来自分类Dev

将div浮动到Google地图上,同时保持引导程序的响应速度

Related 相关文章

热门标签

归档