Установка карты на API 2ГИС

Самый быстрый способ установить на сайт карту — это воспользоваться констурктором Яндекса, но он имеет ряд недостатков:

1 — стандарное оформление

2 — карта привязывается к аккаунту на Яндексе

3 — работает менее стабильно

В этой заметке рассмотрим, как установить карту с использованием API 2ГИС и потерять на этом не более 10 минут.

Изначально данная заметка задумывалась как "Установка карты на API Яндекс", но Яндекс ввел ключи для своих API, а это дополнительная заморочка с получением этого самого ключа (иметь аккаунт, указать телефон, описать сайт и т.д).

На данный момент карты на API Яндекса работают и без ключей, но как долго это продлится никто не знает.

В тоже время, карты от 2ГИС ничем не хуже, а изначальной задачей была именно быстрая настройка и установка карты.

Подключаем API 2ГИС:

Создаем контейнер для карты:

Создаем карту, маркер и попап с информацией:

Чтобы узнать координаты, открываем карту 2ГИС и нажимаем на нужную нам точку.

В адресной строке будет нечто похожее на:

https://2gis.ru/saratov/firm/70000001020023829%2C45.972698%2C51.576069?queryState=center%2F45.972982%2C51.576116%2Fzoom%2F18

[51.576069, 45.972698] - это и есть наши координаты

Еще один вариант найти координаты - это открыть карту на Яндексе, на нужной нам точке нажать правую кнопку мыши и выбрать "Что здесь". В появившемся окошке будет написана широта и долгота.

Добавляем стили:

Далее остается только подобрать маркер для нашей карты, например этот: marker.png

Результат:

Более подробную информацию о настройке карты можно найти на API карт 2ГИС

Смотрите также:

Геолокация на PHP

Определение координат и другой информации по IP адресу, реализованное на PHP

Добавить комментарий:

Ваш комментарий отправлен!