Хобрук: Ваш путь к мастерству в программировании

Ошибка Google Maps JavaScript API: ApiNotActivatedMapError, хотя включен Google Maps JavaScript API

Я хочу отобразить простые карты Google на своем веб-сайте. Я следовал нескольким руководствам, и они всегда говорят мне одно и то же: сгенерируйте API-КЛЮЧ, включите API Карт Google и введите этот код... Сначала он правильно загружается с нужной мне широтой/долготой (город Штутгарт), но через 1 секунду карты переключаются на отображение ошибок, и консоль говорит: Google Maps JavaScript API error: ApiNotActivatedMapError:

введите здесь описание изображения

Через 1 секунду:

введите здесь описание изображения

Когда я гуглю ошибку, я всегда получаю предложения включить API JavaScript Карт, например: ApiNotActivatedMapError для простой HTML-страницы с использованием google-places-api

Но когда я просматриваю его в своей облачной консоли Google, Maps JavaScript API включен:

Maps JavaScript API включен

и:

Maps JS API включен

google-maps angular agm google-api-javascript-client
17.06.2020

  • Вы на 100% уверены, что используете правильный ключ? 18.06.2020
  • Убедитесь, что вы используете правильный ключ API из своего проекта Google Map, в котором вы включили Maps JavaScript API. Если у вас по-прежнему возникают ошибки, вы всегда можете отправить запрос в службу поддержки по адресу Техническая поддержка Карт Google. 18.06.2020

Ответы:


1

Я решил эту проблему, создав совершенно новый проект в консоли Google Maps и повторив шаги по включению Maps JavaScript API, а затем сгенерировав ключ API. Тогда это сработало.

18.06.2020
Новые материалы
Основы принципов S.O.L.I.D, Javascript, Git и NoSQL
каковы принципы S.O.L.I.D? Принципы SOLID призваны помочь разработчикам создавать надежные, удобные в сопровождении приложения. мы видим пять ключевых принципов. Принципы SOLID были разработаны..
Как настроить Selenium в проекте Angular
Угловой | Селен Как настроить Selenium в проекте Angular Держите свое приложение Angular и тесты Selenium в одной рабочей области и запускайте их с помощью Mocha. В этой статье мы..
Аргументы прогрессивного улучшения почти всегда упускают суть
В наши дни в кругах веб-разработчиков много болтают о Progressive Enhancement — PE, но на самом деле почти все аргументы с обеих сторон упускают самую фундаментальную причину, по которой PE..
Введение в Джанго Фреймворк
Схема «работать умно, а не усердно» В этой и последующих статьях я познакомлю вас с тем, что такое фреймворк Django и как создать свое первое приложение с помощью простых и понятных шагов, а..
Настольный ПК как «одно кольцо, чтобы править всеми» домашних компьютеров
Вид после 9 месяцев использования С настольных компьютеров все началось, но в какой-то момент они стали «серверами», и мы все перешли на ноутбуки. В прошлом году я столкнулся с идеей настольных..
Расширенные методы безопасности для VueJS: реализация аутентификации без пароля
Руководство, которое поможет вам создавать безопасные приложения в долгосрочной перспективе Безопасность приложений часто упускается из виду в процессе разработки, потому что основная..
стройный-i18следующий
Представляем стройную оболочку для i18next. Эта библиотека, основанная на i18next, заключает экземпляр i18next в хранилище svelte и отслеживает события i18next, такие как languageChanged,..