Интерактивные карты с умной кластеризацией: поиск брендов в одном городе

Наша интерактивная карта брендов стала умнее. Мы добавили интеллектуальную кластеризацию и паучью визуализацию — две функции, делающие изучение географической концентрации брендов естественным и элегантным.

Что нового

Постепенное приближение кластеров: Один клик на любой кластер постепенно приближает к уровню города и района (zoom 11). Никаких двойных кликов или догадок, куда приближать.

Паучья визуализация для совпадающих брендов: Когда несколько брендов находятся в одном городе, они раскрываются радиально с соединительными «паучьими ножками» от центра кластера. Каждый бренд получает свой маркер с полной информацией профиля.

Индустриальный стандарт UX: Работает точно как Google Maps или Mapbox — один клик для приближения, плавные анимации, единообразные оранжевые маркеры повсюду.

Почему это важно

Сейчас мы геолоцируем бренды на уровне города и района (zoom 11). У нас нет уличных адресов — и для большинства сценариев поиска они вам не нужны.

Когда вы исследуете «Какие брест-бренды есть в Пенанге?» или «Покажи бренды натуральной косметики на Алтае», вас интересует регион и город, а не конкретный перекресток.

Но это создает проблему: несколько брендов часто находятся в одном городе. Без паучьей визуализации вы бы видели только один маркер с числовым значком. С паучьей визуализацией каждый бренд получает свой видимый маркер и всплывающую карточку.

Как это работает

Уровни приближения:

• Низкое приближение (< 8): Кластеры показывают количество брендов, приближение большими шагами (2-3 уровня)
• Среднее приближение (8-10): Постепенное приближение к уровню города
• Максимальное приближение (11+): Кластеры растворяются в отдельные маркеры — если только бренды не находятся в одной локации

Триггер паучьей визуализации: Когда вы достигаете zoom 11 и кластер все еще существует, эти бренды находятся в одном городе. Кликните кластер, и они раскроются радиально (~1,5 км диаметр) с оранжевыми паучьими ножками, соединяющими каждый маркер с центром кластера.

Визуальная согласованность: Паучьи маркеры используют те же оранжевые кружки с белыми границами, что и обычные маркеры — просто расположенные по идеальному кругу вокруг точки кластера.

Что дальше

Мы рассматриваем премиум детальную геолокацию как будущую функцию. Для брендов, которым нужны точные локации (шоурумы, флагманские магазины, фабричные туры), мы могли бы предложить точность до уровня улицы с пользовательскими маркерами на карте.

Пока уровень города и района дает вам необходимую силу поиска без перегрузки карты ненужными деталями.

Попробуйте сами

Посетите любую страницу рынка или страницу сектора и откройте вкладку карты. Попробуйте кликать кластеры в Малайзии, России или Индии, чтобы увидеть постепенное приближение и паучью визуализацию в действии.

Нашли баг или есть отзыв о работе карты? Сообщите нам — мы постоянно совершенствуемся на основе реального использования.