Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图-折纸效果如何?_Javascript_Css_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图-折纸效果如何?

Javascript 谷歌地图-折纸效果如何?,javascript,css,google-maps,google-maps-api-3,Javascript,Css,Google Maps,Google Maps Api 3,我正在建立一个网站,其中包括一个使用谷歌地图API v3的谷歌地图。现在我想知道如何使地图看起来像一张“真实的地图”(一张用折叠过的纸做成的地图),就像这样: 用户必须仍然能够与地图交互,所以我不能只在地图顶部放置一个“纸质”div并将不透明度设置为某个较低的数字 有什么办法可以做到这一点吗?最好使用css。此屏幕截图取自 这是一张简单的地图,上面覆盖着一张半透明背景的-image() 为了能够与映射进行交互,此div的指针事件-样式设置为noneNice!唯一的问题是,当你移动地图时,覆盖层

我正在建立一个网站,其中包括一个使用谷歌地图API v3的谷歌地图。现在我想知道如何使地图看起来像一张“真实的地图”(一张用折叠过的纸做成的地图),就像这样:

用户必须仍然能够与地图交互,所以我不能只在地图顶部放置一个“纸质”div并将不透明度设置为某个较低的数字


有什么办法可以做到这一点吗?最好使用css。

此屏幕截图取自

这是一张简单的地图,上面覆盖着一张半透明背景的
-image()


为了能够与映射进行交互,此div的
指针事件
-样式设置为
none

Nice!唯一的问题是,当你移动地图时,覆盖层不会移动,这使得它看起来有点奇怪。是否有可能使其看起来像覆盖层随地图一起移动?