Làm cách nào để tạo điểm đánh dấu cụm hoạt hình trong OpenLayers / Tờ rơi?

Tôi muốn sử dụng Tờ rơi do các hiệu ứng chuyển tiếp mượt mà mà Openlayers có vẻ như không thể phù hợp. Tôi đặc biệt yêu cầu khả năng phân cụm đánh dấu với các nhóm đánh dấu theo kiểu tùy chỉnh.

Ví dụ tốt nhất thể hiện những gì tôi đang cố gắng đạt được có thể được tìm thấy tại Redfin .

Xin lưu ý di chuột qua một cụm cung cấp cho một hình ảnh động mượt mà và bằng cách nhấp vào điểm đánh dấu, các cụm được phân tách bằng hiệu ứng hoạt hình. Khi đạt đến mức thu phóng trong đó các điểm riêng lẻ không trùng lặp với dung sai cho trước, các điểm đánh dấu thực tế sẽ tách ra khỏi vị trí của chúng theo kiểu hoạt hình.

Tôi thực sự rất thích tích hợp các hiệu ứng tương tự với những hiệu ứng này và sẽ đánh giá cao một số hướng dẫn về cách tiếp cận tốt nhất hoặc các ví dụ khác mà bạn có thể biết.

Lưu ý: Redfin dường như đang sử dụng Flash mà tôi muốn tránh xa. Trong một tình huống lý tưởng, tôi muốn đạt được điều này thông qua Javascript nếu có thể nhưng nghĩ rằng có lẽ nó cần phải được thực hiện thông qua HTML5 / canvas.

Có lẽ việc sử dụng p. - Raphael.js hoặc d3.js

Có ý kiến ​​gì không?

BTW - đã tìm thấy ví dụ này nhưng dường như nó được áp dụng cụ thể cho Google Maps.

Nếu bạn muốn một clusterer như redfin thì hãy xem Leaflet.markercluster của tôi: https://github.com/Leaflet/Leaflet.markercluster/blob/master/example/marker-clustering-realworld.388.html

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

Nó là đầy đủ hoạt hình, vv :)

OpenLayers cũng có một chiến lược cụm. Tất cả những gì bạn cần làm là chỉ định chiến lược trong lớp vectơ.

Giải pháp hiện tại rất "đơn giản", chỉ đơn giản là giảm số lượng điểm tùy thuộc vào mức thu phóng. Nếu bạn cần một cái gì đó tuyệt vời hơn, bạn sẽ cần phải tự lập trình nó và nhu cầu của bạn. Ngoài ra, hãy xem điều khiển ChọnFeature có thể phục vụ bạn để điều khiển khi bạn đặt chuột lên một tính năng.

Redfin thực sự là mẫu thời trang. Hy vọng tôi có thời gian để thực hiện một số thử nghiệm với OL :)

Tôi không có nhiều thời gian để xem xét nó, nhưng CloudMade (nhà sản xuất Leaflet) có một số khả năng Cluster Clustering. Làm thế nào để làm cho chúng hoạt hình và bóng mượt, không chắc chắn về điều đó, nhưng đó là một sự khởi đầu.

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

Dành cho người dùng tờ rơi.

Đây là một cổng của Google Maps MarkerClusterer cho Tờ rơi

https://github.com/ideak/leafclusterer

Tôi vừa thực hiện một chiến lược được gọi là AnimatedCluster cho OpenLayers. Bạn có thể xem thêm một chút về nó tại: http://www.acquilanimal.com/2012/08/19/animated-marker-cluster-strargety-for-openlayers.html

Nó chỉ là một phiên bản fumps nhưng thêm một hình ảnh động đẹp cho các cụm. Có nhiều điều cần cải thiện nhưng đó là điểm khởi đầu.

Bạn đã xem ví dụ về polymaps mà cụm sao?

Các vòng tròn ở đây là các vectơ có thể được sửa đổi bằng css.