Как реализовать такую карту?

Посоветуйте инструменты для реализации такой карты. Основные функции это :
1) Можем добавлять маркеры с адресами магазинов на карту.
2) При клике на маркер получать информацию о магазине.
1d7188b2f5004f66bea148fe2c41144a.jpg
  • Вопрос задан
  • 1857 просмотров
Пригласить эксперта
Ответы на вопрос 4
AloneCoder
@AloneCoder
[object Object]
Ответ написан
Комментировать
GebekovAS
@GebekovAS
Программист и мечтатель
Яндекс Карты:
Выделение регионов: https://tech.yandex.ru/maps/doc/jsapi/2.0/dg/conce...
Пример как ставить метки с балунами: https://tech.yandex.ru/maps/jsbox/2.0/balloon_and_hint
Подробнее про метки (примеру, как сменить значок): https://tech.yandex.ru/maps/doc/jsapi/1.x/dg/tasks...
Ответ написан
Комментировать
Я реализовывал данный ф-ционал с помощью svg и js, изначально необходимо взять картинку карты в svg формате, в каждую область установить установить необходимое количество маркеров, с помощью js задать по умолчанию display: none либо opacity если есть желание появление сделать плавным, инфо при наведении подтягивать из бд или json файла.
Пример можно посмотреть по ссылке, там правда сделали уже по одной точке информация появляется при клике по области, изначально алгоритм был как у вас, js и карту можете скачать от туда же, и посмотреть как работает.
https://texsa.com.ua/najti-podryadchika/
Ответ написан
Комментировать
AlexIndex
@AlexIndex
Разработчик, Web и разное остальное понемногу
SVG, попозже возможно так же подкину аналог реализиации

-----
непрошло и года ;)
чет руки только дошли
https://github.com/alexiTakov/svg-map-Russia
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
05 нояб. 2024, в 17:38
150000 руб./за проект
05 нояб. 2024, в 16:31
500 руб./за проект
05 нояб. 2024, в 16:24
5000 руб./за проект