Google maps api圆形渐变？

Question

我正在为我的地图添加圆形覆盖图。我现在可以正确设置颜色，不透明度等。我如何获得颜色渐变（即从中心径向向外）？这甚至有可能吗？

（我正在使用api v3，但如果你有v2的解决方案，我也很想看到它）。

Answer 1

你应该可以通过CSS background:radial-gradient规则来做到这一点。例如：

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%); 

还有的backbround财产的许多特定浏览器的实现，因此正与这看起来像它可以是一个有点笨拙。这里有一个网站，它可以生成自定义的CSS颜色渐变以及浏览器特定的实现：http://www.colorzilla.com/gradient-editor/

一旦您获得了您喜欢的颜色渐变，您可以根据ColorZilla网站生成的规则集创建一个新的CSS类并在将这些类添加到地图时将这些类应用于叠加元素。