0

首先:

问题是我想用 CSS 在谷歌地图上添加一个渐变层,到目前为止我可以添加它。但是,问题是它只是阻止地图平移,我无法通过添加来平移我的地图:after,如何使用 CSS 实现所需的效果?

这是我的:after

content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(#ff72734d, #9198e570); // colors has less opacity baked on their hex values, by that i can see map it self...

第二:

是否可以在不阻止用户选择该 div 后面的元素的所有元素之上创建一个 div(甚至更好的方法而不是:after),这样我就可以添加另一个对它有渐变效果的 div放在谷歌地图图层上面,有可能吗?

顺便说一句,我正在使用reactwith react-google-maps,但如果你们知道这个问题的任何解决方案,你知道通过 CSS 添加它是如此简单,但我在react-google-maps这里暗示只是因为可能有人知道更好用javascript的方式来添加想要的效果。

所需的效果如下所示

请注意我用红色箭头指向的地图周围的渐变

在此处输入图像描述

4

0 回答 0