如何在谷歌地图上添加一个窗帘

Question

我需要研究的标题而不确定在这种情况下适合什么，谷歌地图很烦人，它会使网站的整个设计崩溃。我可以知道如何在嵌入谷歌地图上制作窗帘或图像，当用户悬停图像时会向上滑动并显示谷歌地图吗？

感谢您的回复

Answer 1

我假设您已尝试使用jQuery在地图顶部放置<div>以滑动窗帘？

这会以错误的方式滑动，但您会在此jsfiddle

中得到这个想法

<强> HTML

<div id="map"></div>
<div id="curtain"></div>

<强> CSS

#map{
    background-image: url('http://0.tqn.com/d/webtrends/1/0/e/2/-/-/google-maps-walk-2.jpg');
    height:400px;
    width:400px;
}

#curtain{
    background-image: url('http://www.vectordiary.com/isd_tutorials/005_curtain/step02_2.gif');
    height:400px;
    width:400px;
    margin-top:-400px;
}

<强>的jQuery

$('#curtain').click(function(){
    $(this).slideUp("slow");
});