¿Cómo crear marcadores de clúster animados en OpenLayers / Leaflet?

19

Quiero usar Leaflet debido a las transiciones suaves que Openlayers parece que no pueden igualar. Específicamente, necesito la capacidad de agrupar marcadores con grupos de marcadores de estilo personalizado.

El mejor ejemplo que demuestra lo que estoy tratando de lograr se puede encontrar en Redfin .

Tenga en cuenta que al pasar el mouse sobre un clúster se crea una animación elegante y al hacer clic en un marcador, los clústeres se dividen con un efecto animado. Al alcanzar un nivel de zoom donde los puntos individuales no se superponen con una tolerancia dada, los marcadores reales se dividen 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 tener en cuenta.

Nota: Redfin parece estar usando Flash, de lo que quiero mantenerme alejado. En una situación ideal, me gustaría lograrlo a través de Javascript, si es posible, pero creo que probablemente deba hacerse a través de HTML5 / canvas.

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

¿Alguna idea?

BTW: se encuentra este ejemplo pero parece que se aplica específicamente a Google Maps.

    
pregunta NetConstructor.com 25.11.2011 - 14:54

6 respuestas

22

Si quieres un clusterer como redfin, mira mi Leaflet.markercluster: enlace

enlace

Está totalmente animado, etc, etc. :)

    
respondido por el Dave Leaver 26.07.2012 - 23:32
6

OpenLayers también tiene una estrategia de cluster. Todo lo que necesitas hacer es especificar como estrategia en la capa vectorial.

La solución es muy "simple" por el momento, simplemente reduce el número de puntos según el nivel de zoom. Si necesita algo más impresionante, deberá programarlo usted mismo y sus necesidades. Eche un vistazo también al control SelectFeature que le puede servir para controlar cuándo coloca el mouse sobre una función.

El redfin es realmente una muestra de moda. Espero tener algo de tiempo para hacer algunas pruebas con OL :)

    
respondido por el EricSonaron 08.01.2012 - 21:29
3

No he tenido mucho tiempo para analizarlo, pero CloudMade (creadores de Leaflet) tiene algunas capacidades de agrupación de marcadores. Cómo hacer que sean animados y elegantes, no estoy seguro de eso, pero es un comienzo.

enlace

    
respondido por el alukach 22.12.2011 - 04:49
3

Para usuarios de folletos.

Aquí hay un puerto de Google Maps MarkerClusterer for Leaflet

enlace

    
respondido por el ns-1m 08.04.2012 - 23:57
3

Acabo de implementar una estrategia llamada AnimatedCluster para OpenLayers. Puede ver un poco más sobre esto en: enlace

Es solo una primera versión, pero agrega una buena animación a los grupos. Hay muchas cosas que mejorar, pero es un punto de partida.

    
respondido por el EricSonaron 22.08.2012 - 22:37
1

¿Ha visto el ejemplo de polymaps a los puntos de los clusters?

Los círculos aquí son vectores que pueden modificarse usando css.

    
respondido por el djq 26.11.2011 - 22:19

Lea otras preguntas en las etiquetas