Javascript 谷歌地图api圆形渐变?

Javascript 谷歌地图api圆形渐变?,javascript,google-maps,Javascript,Google Maps,我正在向地图添加圆形覆盖图。我现在可以正确设置颜色、不透明度等。如何实现颜色渐变(即从中心向外放射)?这可能吗 (我使用的是api v3,但如果您有v2的解决方案,我也希望看到它)。您应该能够使用CSS背景:径向渐变规则来实现这一点。例如: background: radial-gradient(ellipse at center, rgba(50,255,84,1) 0%, rgba(255,0,0,0.79) 26%, rgba(239,0,235,0.46) 6

我正在向地图添加圆形覆盖图。我现在可以正确设置颜色、不透明度等。如何实现颜色渐变(即从中心向外放射)?这可能吗


(我使用的是api v3,但如果您有v2的解决方案,我也希望看到它)。

您应该能够使用CSS
背景:径向渐变规则来实现这一点。例如:

background: radial-gradient(ellipse at center,
    rgba(50,255,84,1) 0%, 
    rgba(255,0,0,0.79) 26%, 
    rgba(239,0,235,0.46) 67%,
    rgba(255,255,255,0.2) 100%); 
backburnd
属性有许多特定于浏览器的实现,因此使用它看起来有点笨拙。以下是一个网站,该网站可生成自定义CSS颜色渐变以及特定于浏览器的实现:

一旦你得到了你喜欢的颜色渐变,你就可以根据从ColorZilla网站生成的规则集创建一个新的CSS类,并在将这些类添加到地图时将它们应用到覆盖的元素上