2014-03-28 2 views
-1

Google지도 API v3을 사용하여 Google지도를 포함하는 웹 사이트를 구축하고 있습니다. 지금은이 같은지도가 "진짜지도"(접힌 된 용지 중 1)처럼 보이게하는 방법을 궁금하네요 :Google지도 - 접힌 종이 효과, 어떻게?

http://2.bp.blogspot.com/-yRuz5FO7T9k/TvM0yUAXQ5I/AAAAAAAAM0Y/uLB3oG6R8OI/s523/mapsmania.gif

이 사용자는 아직와 상호 작용 할 수 있어야합니다 그래서지도 위에 div를 놓고 불투명도를 낮게 설정할 수는 없습니다.

아이디어를 얻으려면 어떻게해야합니까? 가급적이면 CSS를 사용하십시오.

답변

2

이 스크린 샷은 그것은 반투명 배경 이미지 (http://www.ubilabs.net/images/map_overlay.png)

이 (가) pointer-events지도와 상호 작용 할 수 있도록 함께 <div/> 적용되는 간단한지도입니다 http://www.ubilabs.net/kontakt

에서 가져 - 이 div의 스타일은 none

+0

로 설정됩니다. 이 문제는지도를 이동할 때 오버레이가 움직이지 않아 약간 이상하게 보입니다. 오버레이가지도와 함께 움직이는 것처럼 보이게 할 수 있습니까? – gusper