我正在创建我大学的自定义室内街景,因此我没有LatLng值可添加标记,是否可以在地图上放置一个叠加层,使其停留在图像的某个位置?
我的意思是,如果门上有div叠加层,则在移动地图时div叠加层应与地图一起移动,并在必要时退出屏幕。
(因此基本上是不需要Latlng参数的自定义标记)。
我尝试摆弄CSS位置属性,但没有运气,可以这样做吗?
最佳答案
您可以使用CSS转换,这是我的[图像叠加层] [1]
[1]: http://codepen.io/dfrierson2/pen/NPeOoJ
.gallery figure {
display: inline-block;
width: 315px;
height: 268px;
margin: 0 5px 5px 5px;
position: relative;
}
.gallery figcaption {
position: absolute;
width: 290px;
height: 217px;
bottom: 32px;
left: 13px;
right: 0px;
top: 11px;
opacity: 0;
border: 1px solid #ddd;
}
.gallery figcaption:hover {
opacity: 1;
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
}
<body>
<!--Image overlay starts here-->
<div class="gallery">
<h1>Image Overlay</h1>
<figure>
<a href="#"><img src="http://placehold.it/315x268"></a>
<figcaption><img src="http://placehold.it/290x217"/></figcaption>
</figure>
</div>
</body>
关于javascript - 自定义街景 map 上的自适应叠加层div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29163288/