Это ваш проект — поднимите его в топ каталога
Продвинуть в топКарта магазинов на сайт: поиск адреса, радиус, кластеры маркеров
Сеть наших точек продаж расширяется, а раздел «Контакты и адреса» до сих пор представляет собой обычный текстовый перечень с несколькими картинками. Это уже никуда не годится: человек не видит, какой магазин к нему ближе, адреса приходится разбирать вручную, а со смартфона страницей вообще неудобно пользоваться. Мне нужен исполнитель, который соберёт полноценную интерактивную карту магазинов и вставит её в уже готовую страницу сайта, аккуратно подогнав под нашу текущую вёрстку и палитру, чтобы карта смотрелась родным разделом, а не сторонней вставкой.
Сценарий работы такой. Гость открывает страницу, система предлагает определить его местоположение либо он сам вписывает адрес в строку поиска — и тут же на живой карте появляются ближайшие точки. Если магазины расположены кучно, маркеры должны объединяться в кружок с цифрой и раскрываться по мере приближения, чтобы центр крупного города не превращался в мешанину меток. Переключатель радиуса (скажем, 5, 10 и 25 километров) сокращает список, при этом панель результатов сбоку остаётся связанной с картой: нажатие на элемент списка выделяет метку и в обратную сторону тоже. У каждой точки — понятная карточка с названием, полным адресом, графиком работы, телефоном и кнопкой прокладки маршрута в навигаторе посетителя.
Адреса и данные мы будем загружать из таблицы или небольшой панели управления и обновлять их своими силами, без правки исходников, поэтому список точек должен подключаться через настройки, а не быть прописанным в коде. Преобразование адресов в координаты допустимо выполнять заранее с сохранением в кэш. Для меня принципиальны быстрая загрузка, удобство на мобильных, доступность интерфейса и бережный расход лимитов картографического сервиса. Вариант на Leaflet с открытыми тайлами меня устраивает; предложите иное решение — обоснуйте выбор.
— Встраиваемый раздел карты в оформлении сайта, адаптивный под любые экраны
— Строка поиска по адресу и запрос геолокации браузера для центровки
— Переключатель радиуса и список точек, связанный с метками в обе стороны
— Объединение близких меток в кластеры с плавным раскрытием при масштабировании
— Карточки магазинов: название, адрес, режим работы, телефон, маршрут
— Обновляемый список точек (таблица или простая панель) и кэш координат
Сценарий работы такой. Гость открывает страницу, система предлагает определить его местоположение либо он сам вписывает адрес в строку поиска — и тут же на живой карте появляются ближайшие точки. Если магазины расположены кучно, маркеры должны объединяться в кружок с цифрой и раскрываться по мере приближения, чтобы центр крупного города не превращался в мешанину меток. Переключатель радиуса (скажем, 5, 10 и 25 километров) сокращает список, при этом панель результатов сбоку остаётся связанной с картой: нажатие на элемент списка выделяет метку и в обратную сторону тоже. У каждой точки — понятная карточка с названием, полным адресом, графиком работы, телефоном и кнопкой прокладки маршрута в навигаторе посетителя.
Адреса и данные мы будем загружать из таблицы или небольшой панели управления и обновлять их своими силами, без правки исходников, поэтому список точек должен подключаться через настройки, а не быть прописанным в коде. Преобразование адресов в координаты допустимо выполнять заранее с сохранением в кэш. Для меня принципиальны быстрая загрузка, удобство на мобильных, доступность интерфейса и бережный расход лимитов картографического сервиса. Вариант на Leaflet с открытыми тайлами меня устраивает; предложите иное решение — обоснуйте выбор.
— Встраиваемый раздел карты в оформлении сайта, адаптивный под любые экраны
— Строка поиска по адресу и запрос геолокации браузера для центровки
— Переключатель радиуса и список точек, связанный с метками в обе стороны
— Объединение близких меток в кластеры с плавным раскрытием при масштабировании
— Карточки магазинов: название, адрес, режим работы, телефон, маршрут
— Обновляемый список точек (таблица или простая панель) и кэш координат
Похожие проекты
В топ
Все проекты категории Сервис динамических QR-кодов с учётом сканирований
Разработка сервиса динамических QR-кодов с учётом сканирований: управляемые адреса, статистика по времени и устройству, оформление и пакетный выпуск.
Создание скриптов 23 ч назад 0 2
$25520бюджет
В топРазработка сервиса продажи билетов на мероприятия с QR-входом
Заказываю веб-сервис: заводить мероприятия, продавать билеты разных категорий, формировать QR-билеты и проверять их на входе с отчётами по продажам.
Создание скриптов 23 ч назад 0 2
$37120бюджет
В топНужен сервис 2FA/OTP: TOTP, коды по SMS и почте, API
Требуется специалист для создания самостоятельного модуля двухфакторной защиты: привязка приложений-аутентификаторов, разовые коды через SMS и почту, аварийные …
Создание скриптов 1 дн назад 0 3
$31320бюджет
В топСоздать сервис A/B-экспериментов с расчётом значимости
Требуется инженер, чтобы собрать сервис контролируемых экспериментов: варианты, распределение трафика, сбор конверсий и честный расчёт значимости с дашбордом и …
Создание скриптов 1 дн назад 0 2
$34800бюджет
В топСервис верификации email и оценки доставляемости
Требуется программист для API валидации email: разбор синтаксиса, проверка домена и почтового ящика, фильтр одноразовых и ролевых адресов, чистка баз.
Создание скриптов 1 дн назад 0 3
$27840бюджет
В топРазработка парсера цен конкурентов с уведомлениями
Требуется парсер, который по графику собирает цены конкурентов с сайтов магазинов, ведёт историю с графиками и уведомляет при достижении заданных порогов.
Создание скриптов 1 дн назад 0 2
$31320бюджет
Полезно знать
Как откликнуться на этот заказ
Чтобы получить заказ, войдите как фрилансер и отправьте отклик: опишите, как решите задачу, укажите цену и срок и приложите пример похожей работы из портфолио. Заказчик видит все отклики и выбирает исполнителя, поэтому отвечайте конкретно и по делу.
Гарантия оплаты через безопасную сделку
Все расчёты на ProFreelance защищены. При работе через безопасную сделку деньги резервируются на площадке и переводятся исполнителю только после того, как заказчик принял результат — это защищает обе стороны от обмана.
Похожие заказы и услуги
Смотрите другие предложения в разделе «Проекты» или следите за лентой заказов, чтобы откликаться на новые задачи первым.