我正在建立一个网站,其中包含使用Google Maps API v3的Google地图。现在我想知道如何让地图看起来像一张真正的地图" (已经折叠的纸张之一),像这样:
http://2.bp.blogspot.com/-yRuz5FO7T9k/TvM0yUAXQ5I/AAAAAAAAM0Y/uLB3oG6R8OI/s523/mapsmania.gif
用户仍然必须能够与地图进行互动,因此我不能只是将纸张放在" div在地图上方,并将不透明度设置为某个较低的数字。
任何想法如何实现这一目标?最好用css。
答案 0 :(得分:2)
此屏幕截图取自http://www.ubilabs.net/kontakt
这是一张简单的地图,由<div/>
覆盖,背景图像为半透明(http://www.ubilabs.net/images/map_overlay.png)
为了能够与地图互动,此div的pointer-events
- 样式设置为none