Подключение и настройка расширения Яндекс Карты

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

Важно! Ключ API выдается бесплатно, но у бесплатного тарифа есть ограничение на количество запросов в сутки. Если на сайте высокая посещаемость, проверьте условия тарифов в кабинете разработчика Яндекса.

Получение ключа API Яндекс Карт

Шаг #1. Перейдите в кабинет разработчика API Яндекс Карт → авторизуйтесь в своем аккаунте Яндекс ID или создайте новый → перейдите в раздел «Ключи» → нажмите кнопку «Подключить продукт».

Шаг #2. Выберите продукт «JavaScript API» → нажмите кнопку «Подключить API».

Шаг #3. Выберите страну, в которой вы являетесь налоговым резидентом → нажмите кнопку «Продолжить». Обратите внимание: изменить страну позже не получится.

Шаг #4. Выберите подходящий тариф, например, «Бесплатный тариф» → отметьте согласие с условиями использования API Яндекс Карт → нажмите кнопку «Подключить».

Шаг #5. Ключ будет создан автоматически и появится в разделе «Ключи».

Шаг #6. По аналогии (шаги #2–4) подключите остальные продукты, необходимые для работы карт на сайте: «API Геокодера», «API Геосаджеста», «API Получения деталей маршрута» и «API Поиска по организациям». Для этого на главной странице кабинета нажмите кнопку «Подключить API». Все подключенные продукты отображаются в блоке «Подключенные продукты».

Настройка ключа API

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

Шаг #7. Перейдите в раздел «Ключи» → напротив ключа нажмите «•••» → выберите «Настроить».

Шаг #8. В блоке «Ограничение по HTTP Referer» укажите домен вашего сайта, на котором будут использоваться карты → нажмите кнопку «Сохранить». При необходимости добавьте несколько доменов кнопкой «Добавить поле». Так ключ не смогут использовать на чужих сайтах.

Шаг #9. Напротив ключа нажмите «•••» → выберите «Привязать продукт».

Шаг #10. В окне «Привязать продукт к ключу» выберите продукт в поле «Продукт» → нажмите кнопку «Привязать продукт». Повторите для всех подключенных продуктов (шаг #6): к одному ключу должны быть привязаны все пять продуктов.

Шаг #11. Убедитесь, что все пять продуктов привязаны к ключу и имеют статус «Активен» → скопируйте себе значение ключа.

Подключение Яндекс Карт в CMS Smart Engine

Шаг #12. Откройте панель управления сайтом → перейдите в раздел «Расширения».

Шаг #13. Выберите из списка доступных расширений Яндекс Карты.

Шаг #14. Включите расширение Яндекс Карты → вставьте в поле «Ключ» скопированный ключ API (шаг #11) → при необходимости включите опцию «Использовать только в сторонних интеграциях», чтобы ключ применялся только в подключенных интеграциях, например в виджетах служб доставки → нажмите кнопку «Сохранить».

Чтобы разместить на странице карту с метками вашей компании, воспользуйтесь инструкцией «Создание Яндекс Карты для сайта и ее оптимизация».

Поздравляем, Яндекс Карты подключены к вашему сайту!