19 votos

¿Cómo crear marcadores de grupo animados en OpenLayers/Leaflet?

Quiero utilizar Leaflet debido a las transiciones suaves que Openlayers parece que no puede igualar. En concreto, necesito poder agrupar marcadores con grupos de marcadores personalizados.

El mejor ejemplo de lo que pretendo se encuentra en Redfin .

Al pasar el ratón por encima de un clúster, se produce una animación y, al hacer clic en un marcador, los clústeres se separan con un efecto animado. Cuando se alcanza un nivel de zoom en el que los puntos individuales no se solapan con una tolerancia determinada, los marcadores reales se separan en sus ubicaciones de forma animada.

Realmente me encantaría integrar efectos similares a estos y agradecería alguna orientación sobre el mejor enfoque u otros ejemplos que pueda conocer.

Nota: Redfin parece utilizar Flash, del que quiero mantenerme alejado. En una situación ideal me gustaría lograr esto a través de Javascript si es posible, pero creo que probablemente tiene que ser hecho a través de HTML5 / lienzo.

Tal vez el uso de p. - Raphael.js o d3.js

¿Alguna idea?

BTW - encontrado este ejemplo pero parece aplicarse específicamente a Google Maps.

1voto

djq Puntos 7670

¿Has mirado el polimapas ejemplo ¿qué puntos agrupa?

Los círculos son vectores que pueden modificarse con css.

i-Ciencias.com

I-Ciencias es una comunidad de estudiantes y amantes de la ciencia en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X