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/

Получив понравившийся вам градиент цвета, вы можете создать новый класс CSS на основе набора правил, созданного на веб-сайте ColorZilla, и применить эти классы к наложенным элементам при их добавлении на карту.