1.⠀Раздел «Интеграции»

Чтобы настроить отображение карт для клиентов и в админ-панели откройте раздел «Интеграции» и выберете подраздел «Яндекс карты» (рис.1).

Рисунок 1. Раздел «Яндекс карты» в панели навигации

Раздел состоит из двух полей (рис.2):

  • API Ключ Яндекс карт для мобильного приложения
  • API Ключ Яндекс карт для web-приложений

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

После ввода корректных данных нажмите кнопку «Сохранить».

Рисунок 2. Раздел «Яндекс карты»

2.⠀Как получить ключи Яндекса?

Перейдите на страницу Кабинета разработчика Яндекс и нажмите на кнопку «Подключить API» (рис.3).

Рисунок 3. Открытие страницы кабинета разработчика

Во всплывающем окне вам нужно выбрать страну (рис.4).

Рисунок 4. Раздел «Выбор страны»

В следующем шаге необходимо выбрать JavaScript и HTTP Геокоддер (рис.5).

Рисунок 5. Выбор типа карты

Необходимо выбрать «Бесплатное использование», дать согласие на условие использования и политику конфиденциальности, а также ввести код из картинки (рис. 6). Нажмите на кнопку "Отправить"

При наличии необходимости покупки тарифа для использования Яндекс Карт вы сможете оформить подписку и ознакомиться с доступными тарифами позднее.

Рисунок 6. Способ использования карты

После выбора использования Яндекс карт необходимо нажать на кнопку «Перейти к API».

Далее вам отобразиться экран с указанием тарифа, кликните на Х, чтобы закрыть всплывающее окно (рис.7).

Рисунок 7. Тариф

На открывшейся странице отобразиться созданный API ключ (рис.8).

Рисунок 8. API ключ

Скопируйте ключ, сформированный Яндексом, перейдите в административную панель и вставьте ключ в раздел Интеграции -> Яндекс карты -> поле Яндекс API ключ web-приложения (рис.9).

Рисунок 9. Поле для ввода API ключа

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

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

Вы увидите экран API интерфейсы (рис.10).

Рисунок 10. API интерфейсы

Нажмите на кнопку «Подключить API» -> выберите из списка MapKit-мобильный SDK и нажмите на «Продолжить» (рис.11).

Рисунок 11. API интерфейсы

Скопируйте ключ, сформированный Яндексом, перейдите в административную панель и вставьте ключ в раздел Интеграции -> Яндекс карты -> поле Ключ Яндекс Карт для мобильного приложения (рис.12 -13).

Рисунок 12. API ключ

Рисунок 13. Поле для ввода API ключа

Теперь, когда вы ввели оба API ключа Яндекс карт, вы можете использовать карты для отрисовки зон доставки, а ваши клиенты смогут с легкостью добавлять свои адреса, находить ресторан на карте и оформлять заказы.

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

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