Google地图 - 折叠纸效果，怎么样？ [英] Google Maps - folded paper effect, how?
问题描述
我正在建立一个网站，其中已使用Google Maps API v3加入了Google地图。现在我想知道如何使地图看起来像一个真正的地图（一张纸已折叠），像这样：
I'm building a website where I've included a Google Map using the Google Maps API v3. Now I'm wondering how to make the map look like a "real map" (one out of paper that has been folded), like this one:
用户仍然必须能够与地图互动，因此我不能只是将paper lookingdiv在地图顶部，并将不透明度设置为一些较低的数字。
The user must still be able to interact with the map, so I can't just put a "paper looking" div on top of the map and set opacity to some low number.
任何想法如何实现这一点？最好使用css。
Any ideas how to achieve this? Preferably with css.
推荐答案
此截图取自 http://www.ubilabs.net/kontakt
这是一个简单的地图，由< div /> 使用半透明背景图片（ http://www.ubilabs.net/images/map_overlay.png ）
It's a simple map which is covered by a <div/> with a semi-transparent background-image(http://www.ubilabs.net/images/map_overlay.png)
为了能够与地图互动， pointer-events - 此div的样式设置为 none
To be able to interact with the map the pointer-events-style of this div is set to none
这篇关于Google地图 - 折叠纸效果，怎么样？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
