如何在OpenLayers / Leaflet中创建动画群集标记？

由于Openlayers似乎无法比拟的平滑过渡，我想使用Leaflet。我特别需要能够将标记与自定义样式的标记组聚类的功能。

可以在Redfin上找到证明我正在努力实现的最佳示例。

请注意，将鼠标悬停在群集上可提供流畅的动画，并通过单击标记将群集分割成动画效果。当达到单个点不与给定公差重叠的缩放级别时，实际标记将以动画方式拆分到其位置。

我真的很想将类似的效果整合到其中，并希望就最佳方法或您可能知道的其他示例提供一些指导。

注意： Redfin似乎正在使用Flash，我想远离它。在理想的情况下，我想尽可能通过Javascript实现此功能，但认为可能需要通过HTML5 / canvas完成。

也许使用p。-Raphael.js或d3.js

有任何想法吗？

顺便说一句-找到了这个例子，但它似乎特别适用于Google Maps。

如果您想要像redfin这样的集群器，请查看我的Leaflet.markercluster：https : //github.com/Leaflet/Leaflet.markercluster/blob/master/example/marker-clustering-realworld.388.html

https://github.com/danzel/Leaflet.markercluster

它是完全动画的，等等:)

OpenLayers也有一个集群策略。您需要做的就是在向量层中指定为策略。

目前，该解决方案非常“简单”，只需根据缩放级别减少点数即可。如果您需要更出色的功能，则需要自己和自己进行编程。还可以看一下SelectFeature控件，当您将鼠标悬停在某个功能上时，可以使用该控件进行控制。

Redfin确实是时尚样本。希望我有时间用OL进行测试:)

我没有太多时间研究它，但是CloudMade（Leaflet的制造商）具有一些Marker Clustering功能。如何使它们动起来又圆滑，虽然不确定，但这是一个开始。

http://developers.cloudmade.com/projects/web-maps-api/examples/marker-clustering

对于传单用户。

这是Google Maps MarkerClusterer for Leaflet的端口

https://github.com/ideak/leafclusterer

我刚刚为OpenLayers实现了所谓的AnimatedCluster策略。您可以在以下网站上看到更多有关此的信息：http : //www.acuriousanimal.com/2012/08/19/animated-marker-cluster-strategy-for-openlayers.html

它只是一个firts版本，但会向群集添加漂亮的动画。有很多事情需要改进，但这是一个起点。

您是否看过将点聚类的polymaps示例？

这里的圆圈是可以使用css修改的向量。