Я хочу использовать Leaflet из-за плавных переходов, которым Openlayers кажется, что они не могут соответствовать. Мне особенно требуется возможность кластеризовать маркеры с помощью пользовательских стилей групп маркеров.
Лучший пример, который демонстрирует то, чего я пытаюсь достичь, можно найти в Redfin .
Обратите внимание, что при наведении курсора на кластер создается плавная анимация, а при нажатии на маркер кластеры разделяются с помощью анимированного эффекта. При достижении уровня масштабирования, когда отдельные точки не перекрываются с заданным допуском, фактические маркеры анимированно выделяются на свои места.
Я действительно хотел бы объединить подобные эффекты с ними и был бы признателен за некоторые рекомендации по лучшему подходу или другие примеры, которые вы могли бы знать.
Примечание: Redfin, похоже, использует Flash, от которого я хочу держаться подальше. В идеальной ситуации я хотел бы достичь этого с помощью Javascript, если это возможно, но думаю, что это, вероятно, необходимо сделать с помощью HTML5 / canvas.
Может быть, использование р. - 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) имеет некоторые возможности кластеризации маркеров. Как сделать их анимированными и гладкими, не уверен в этом, но это только начало.
http://developers.cloudmade.com/projects/web-maps-api/examples/marker-clustering
источник
Для пользователей листовки.
Вот порт Google Maps MarkerClusterer для Leaflet
https://github.com/ideak/leafclusterer
источник
Я только что реализовал так называемую стратегию AnimatedCluster для OpenLayers. Вы можете увидеть немного больше об этом на: http://www.acuriousanimal.com/2012/08/19/animated-marker-cluster-strategy-for-openlayers.html
Это только первая версия, но она добавляет приятную анимацию для кластеров. Есть много вещей, которые нужно улучшить, но это отправная точка.
источник
Вы смотрели на полипы пример какие кластеры указывают?
Круги здесь - это векторы, которые можно изменить с помощью css.
источник