2010-06-24 24 views
7

Estoy agregando superposiciones de círculos a mi mapa. Ahora puedo establecer correctamente el color, la opacidad, etc. ¿Cómo conseguiría un degradado de color (es decir, radialmente desde el centro)? ¿Esto es posible?Google maps api ¿Gradiente del círculo?

(estoy usando API v3, pero si usted tiene una solución con v2 me gustaría ver también).

Respuesta

0

Usted debe ser capaz de hacer esto con la regla CSS background:radial-gradient. Por ejemplo:

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

Hay muchos aplicación específica del navegador de la propiedad backbround, por lo que trabajar con esto parece que puede ser un poco difícil de manejar. Aquí hay un sitio web que genera gradientes de color CSS personalizados junto con las implementaciones específicas del navegador: http://www.colorzilla.com/gradient-editor/

Una vez que obtenga el gradiente de color que desee, podrá crear una nueva clase de CSS basada en el conjunto de reglas generado por el sitio web de ColorZilla y aplicar estas clases a los elementos superpuestos cuando se agregan al mapa.