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类，并在将这些类添加到地图时将这些类应用于重叠元素。 / p>

谷歌地图api Circle渐变？

1 个答案: