在Google Map上使用：after伪类添加渐变

Question

首先：

问题是我想使用CSS在Google Map的顶部添加一个渐变层，到目前为止，我将能够添加它。但是，问题在于它只是阻止了地图的平移，并且我无法通过添加:after来平移地图，如何使用CSS来实现所需的效果？

这是我的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...

:after

其次：

是否有可能在不阻止用户选择该div后面的元素的所有元素之上创建一个div（甚至可以用更好的方法代替react），这样我就可以添加另一个div可以将其具有渐变效果的效果放置在Google Map图层的顶部，

顺便说一句，我将react-google-maps与react-google-maps一起使用，但是如果你们知道该问题的任何解决方案，您就会知道通过CSS添加它是如此简单，但是我我之所以在此暗示'0012' '1012' '0111' '0001' 可能是因为有人可能知道使用javascript来达到预期效果的更好方法。

所需效果如下

请注意我用红色箭头指向的地图周围的那些梯度