Задать вопрос
@VladLyubishov

Почему не работает API yandex карт?

Есть задача, связанная с яндекс картой. Но API ключ, который дает яндекс, как будто не работает. Делаю всё как в документации.

<!DOCTYPE html>
<html>
  <head>
    <title>Быстрый старт. Размещение интерактивной карты на странице</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="https://api-maps.yandex.ru/v3/?apikey=YOUR_API_KEY&lang=ru_RU"></script>
    <script>
        initMap();

        async function initMap() {
            await ymaps3.ready;

            const {YMap, YMapDefaultSchemeLayer} = ymaps3;

            const map = new YMap(
                document.getElementById('map'),
                {
                    location: {
                        center: [37.588144, 55.733842],
                        zoom: 10
                    }
                }
            );

            map.addChild(new YMapDefaultSchemeLayer());
        }
    </script>
  </head>

  <body>
    <div id="map" style="width: 600px; height: 400px"></div>
  </body>
</html>

Получаю ошибку:

Uncaught ReferenceError ReferenceError: ymaps3 is not defined

Попытался кинуть в Postman, но получаю это:

{
    "statusCode": 400,
    "error": "Bad Request",
    "message": "Invalid key"
}

Куда копать?
  • Вопрос задан
  • 1004 просмотра
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
Elaryks
@Elaryks
Возможно, причина в этом:
JS API 3.0 работает только с ключами, у которых заполнено поле "Ограничение по HTTP Referer".

Судя по всему, в настройках в кабинете разработчика нужно заполнить это самое поле. Справка.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы