Generar fichas para recubrimientos de google maps

Question

Estoy tratando de mostrar alguna información en los Mapas de Google, que sería en la forma de translúcido círculo superposiciones. El problema es que en algunos círculos se superponen, lo que resulta en un aumento de la opacidad y la mezcla de colores si los círculos son de diferente color. He buscado mucho y llegó a la conclusión de que no hay manera posible de evitar la mezcla de color.

La solución alternativa que me recomendaron fue generete png azulejos en mi servidor y mostrarlos o decidir el color de cada píxel en el lado del servidor y el uso de HTML5 canvas y representar cada píxel. He buscado mucho pero no podía encontrar ninguna manera de hacerlo. Sería muy útil que si alguien puede me apunte en la dirección correcta.

Me estoy replanteando mi siguiente pregunta para ser más claro y conciso

Tengo que mostrar círculos en un mapa. El radio y el color de estos círculos representan su área de influencia y el tipo de influencia. Estos círculos son translúcidos, pero la superposición debe resultar en una visible sin ningún tipo de mezcla. ¿Cómo puedo generar las baldosas para esta información?

Probablemente no me queda claro así que voy a añadir más detalles.

Marque esta jsFiddle http://jsfiddle.net/Dv4UT/ .Hay dos círculos superpuestos verde(zIndex : 10) y rojo(zIndex : 11) con opacidad .5 .La superposición de la parte es una mezcla de rojo y verde, y quiero que la superposición de la parte de arriba de color con la misma opacidad, es decir:el rojo.Si esto es posible mediante la asignación de superposiciones, a continuación, sería genial.Otra cosa que yo creo que es posible utilizar el elemento canvas de HTML5, pero que no funciona en versiones antiguas de IE.Así que finalmente me tendría que caer de nuevo en la generación de azulejos en el lado del servidor y el uso de ellos como superposiciones.No tengo ninguna idea de la generación de azulejos y sería muy útil, si alguien puede me apunte en la dirección correcta.Estoy adjuntando una captura de pantalla de trulia conmutar el mapa, compruebe que los círculos debajo están siendo reemplazados por los de arriba.Necesito similar tipo de visualización.

Answer 1

crear tu offline(but dynamically) recubrimiento utilizando el lenguaje de programación de su elección. va a ser un poco complejo pero el básico pseudo código sería:

browser javascript send request url for overlay
acquire gis bounds for tile server side
gather all points and sort by their relevance
create image(transparent)
for each point: (least relevant first)
   draw new circle (will 'overwrite' any overlap areas)
stream image to browser
display image as overlay

dependiendo de qué tan grande es su área, podría crear una trama fuera de línea y luego servir con mapserver u otro programa de entrega de asignación libre. creación de su propia trama se asegurarán de que la pantalla es como la quieres.

Answer 2

Yo haría lo siguiente:

1. Mantener la opacidad de los círculos realmente bajos (para tema de fusión no se convierten en corriente)
2. En hover mouse, cambiar la opacidad para superar a la del círculo de intersección

Esta manera, estaría capaz de Mostrar datos sin cualquier gran color de interferencia inducida y a destacar un círculo particular como usuario se cierne sobre ella.