Как добавить карту на сайт (на примере API 2GIS)

Опубликовано: 19 Октябрь 2024
на канале: Maxim Kukhar [Learning Excel, VBA, SQL]
7,711
99

Удобный и быстрый вывод карты на сайт с помощью сервиса 2GIS. Не конструктор, работа с JavaScript и API сервиса дубль гис.

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

Разделы документации с примерами, упомянутыми в видео:
Добавление маркеров на карту: https://docs.2gis.com/ru/mapgl/exampl...
Добавление всплывающих подсказок: https://docs.2gis.com/ru/mapgl/exampl...
Добавление выпадающих списков: https://docs.2gis.com/ru/api/navigati...
Методы для работы с картой: https://docs.2gis.com/ru/mapgl/refere...
Настройка стилей карты: https://docs.2gis.com/ru/mapgl/exampl...

Эксель файл с примерами формул: https://docs.google.com/spreadsheets/...
Ссылка на финальный html-файл из видео: https://drive.google.com/file/d/1zWId...

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Тайм коды в видео для удобства навигации:
00:00​ Начало
01:09 Добавить карту на сайт HTML (Описание задачи)
01:50 Добавить метки на карту сайта
02:39 Изменить иконки маркеров на карте
03:13 Добавить всплывающие подсказки к меткам
04:57 Добавить выпадающие списки на карту
06:59 Excel для генерации значений выпадающих списков
09:01 Изменить стиль карты
09:29 Заключение
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

#добавить_карту_на_сайт #карта_2гис #2gis_map #2gis_marker