Chcę użyć Ulotki ze względu na płynne przejścia, które wydaje się, że Openlayers nie są w stanie dopasować. W szczególności potrzebuję umiejętności grupowania markerów w niestandardowe grupy markerów.
Najlepszy przykład, który pokazuje, co próbuję osiągnąć, można znaleźć w Redfin .
Zwróć uwagę, że najechanie kursorem na klaster zapewnia płynną animację, a kliknięcie znacznika powoduje podział klastra z animowanym efektem. Po osiągnięciu poziomu powiększenia, w którym poszczególne punkty nie pokrywają się z daną tolerancją, rzeczywiste znaczniki dzielą się na swoje lokalizacje w animowany sposób.
Naprawdę chciałbym zintegrować podobne efekty do tych i doceniłbym wskazówki dotyczące najlepszego podejścia lub inne przykłady, o których możesz wiedzieć.
Uwaga: Wydaje się, że Redfin używa Flasha, od którego chcę się trzymać. W idealnej sytuacji chciałbym to osiągnąć za pomocą Javascript, jeśli to możliwe, ale myślę, że prawdopodobnie należy to zrobić za pomocą HTML5 / canvas.
Może użycie p. - Raphael.js lub d3.js
Jakieś pomysły?
BTW - znalazłem ten przykład, ale wydaje się, że odnosi się konkretnie do Map Google.
źródło
Odpowiedzi:
Jeśli chcesz klastra takiego jak Redfin, sprawdź mój Leaflet.markercluster: https://github.com/Leaflet/Leaflet.markercluster/blob/master/example/marker-clustering-realworld.388.html
https://github.com/danzel/Leaflet.markercluster
Jest w pełni animowany itp. Itd. :)
źródło
OpenLayers ma również strategię klastrową. Wszystko, co musisz zrobić, to określić strategię w warstwie wektorowej.
Rozwiązanie jest w tej chwili bardzo „proste”, po prostu zmniejsza liczbę punktów w zależności od poziomu powiększenia. Jeśli potrzebujesz czegoś bardziej niesamowitego, musisz zaprogramować to sam i swoje potrzeby. Spójrz również na kontrolę SelectFeature, która może służyć do kontrolowania po najechaniu myszką na funkcję.
Redfin jest naprawdę próbką mody. Mam nadzieję, że mam trochę czasu, aby zrobić test z OL :)
źródło
Nie miałem dużo czasu, aby się tym przyjrzeć, ale CloudMade (twórcy Ulotki) ma pewne możliwości klastrowania markerów. Jak sprawić, by były animowane i eleganckie, nie jestem tego pewien, ale to dopiero początek.
http://developers.cloudmade.com/projects/web-maps-api/examples/marker-clustering
źródło
Dla użytkowników ulotek.
Oto port MarkeraClusterer w Mapach Google dla Ulotki
https://github.com/ideak/leafclusterer
źródło
Właśnie wdrożyłem tak zwaną strategię AnimatedCluster dla OpenLayers. Więcej informacji na ten temat można znaleźć na stronie : http://www.acuriousanimal.com/2012/08/19/animated-marker-cluster-strategy-for-openlayers.html
To tylko pierwsza wersja, ale dodaje ładną animację do klastrów. Jest wiele rzeczy do poprawy, ale jest to punkt wyjścia.
źródło
Czy spojrzałeś na przykład polimap, które skupiają punkty?
Kręgi tutaj to wektory, które można modyfikować za pomocą css.
źródło