Ошибка Google Map: InvalidKeyOrUnauthorizedURLMapError

Question

Я разрабатываю в JavaScript/HTML/CSS приложение, использующее Карты Google. Я получаю следующее предупреждение диалоговое окно:

«Эта страница не смогла отобразить элемент Google Maps Указанный ключ API Google недействителен или этот сайт не разрешается использовать Код ошибки:.. InvalidKeyOrUnauthorizedURLMapError»

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

Я зашел к Консоли разработчика Google и в разделе «Полномочия», которые «отредактированные позволили рефереры» быть mydomain.com/*

Я также зашел к Консоли разработчика Google в раздел API и включил 11 API Карт Google.

Answer 1

После множества комбинаций ссылок, удаления и повторного создания учетных данных я понял, что я не включил «API JavaScript Карт Google». Какой позор. :)

Для тех, у кого возникли проблемы с работой google-карт api, проверьте, включен ли API в первую очередь.

Answer 2

После многого с этим вопросом я нашел 1 решение для меня. Это может помочь людям, которые ищут правильное и точное решение, но не комментарии, нисходящие и ссылки.
(карта не отображается в моем случае.)

Если предположим, что, ссылка на страницу, где вы загружаете карту является
http://example.com/abc/def/ghi/kpn.php

затем дают same(exactly the same) под Edit allowed references

Если вы попробуйте загрузить ту же страницу, используя:

www.example.com/abc/def/ghi/kpn.php

или

http://www.example.com/abc/def/ghi/kpn.php

тогда ваша страница загружается, но не вашу карту, и генерируется это предупреждение.

ЗАКЛЮЧЕНИЕ

Используйте тот же путь (URL-адрес) в этих 2 местах.

1. При загрузке страницы с картой.

2. Под Edit allowed references.

После этого я избавился от этого предупреждения.

Answer 3

Мне удалось заставить это работать, удалив всех моих рефереров и разрешив все. По-видимому, в консоли разработчика есть ошибка, которая вызывает проблемы.Некоторые люди говорят, что они могут получить ссылающиеся на работу, удалив все затем добавить все обратно сразу, а не построчно:

https://productforums.google.com/forum/#!topic/maps/mSVyDazRMQo

Предыдущих вещей, которые я пробовал:

1. регенерирующего Key
2. Установка всех карт APIs на разрешенные
3. жестких кодирования абсолютных путей ссылающегося

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

Answer 4

geocodezip предоставил информацию, которая мне нужна. Я действительно дважды загружал библиотеку googlemaps: один раз в файл index.html и один раз в iFrame. Я изменил свой код, чтобы iFrame не загружал библиотеку googlemaps, а вместо этого использовал родителя. Спасибо geocodezip!

Answer 5

Сначала вам нужно перейти на https://console.developers.google.com/ и выбрать API.

В API Карт Google выберете Google Maps JavaScript API и убедитесь, что вы включили API для Google Maps JavaScript.

Во-вторых, необходимо создать ключ API:

1. Перейти к мандатной
2. Создать новый ключ и выберите Browser Key
3. Нет необходимости указывать какие-либо источники

Таким образом, вы после сохранения вы должны увидеть Any referrer allowed.

Answer 6

Что для меня работало, так это использовать Firebug, чтобы найти точный URL-адрес, который отправил запрос API Карт Google. Как указано в документации Google Maps API на troubleshooting authorization, «Как найти правильный URL» часть:

The URL that needs to be authorized is the one in the Referrer header for the requests the browser sends to Google to load the API.

В моем случае, давайте предположим, у меня есть веб-сайт example.com. В консоли разработчика под ключом API Карт Google я добавил много комбинаций реферера, таких как example.com/*, *.example.com/*, example.com, но все же InvalidKeyOrUnauthorizedURLMapError сохранялся.

Мое решение, как я уже упоминал, использовать Firebug: откройте example.com и посмотрите, что сделал запрос реферера на https://maps.googleapis.com/maps/api/js?..., и это было http://example.com, и все. Я добавил http://example.com/* к включенным URL-адресам в консоли разработчиков под моим соответствующим ключом API, и теперь все работает нормально.

Важно знать, где искать на Firebug: это вкладка Net. Просто нажмите на просьбу maps.googleapis ... и искать меню Referer

Answer 7

Перейти к API, и найти «Google Maps JavaScript API» после того, как вы его открыть, просто нажмите «Включить API»

Answer 8

После многих проб и ошибок, это работал на меня (Эдуардо. Спасибо!)

The URL that needs to be authorized is the one in the Referrer header for the requests the browser sends to Google to load the API.

Под Browser Credentials > REFERERS

Добавить эти

1. .example.org/
2. www.example.org/*
3. http://www.example.org
4. http://example.org

Answer 9

Я получил его для работы путем обмена ключами с моими специальными созданными ключами И прочитал эту веб-страницу несколько раз очень тщательно. Мой совет - добавить или обменять ваши API-интерфейсы Google по адресу https://console.developers.google.com/apis/credentials, прежде чем приступать к очень сложным сценариям.

Вставьте свои собственные ключи API в самой первой строке Google Map JavaScript:

Answer 10

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

как: -

Google Maps API Код
Google Maps API геокодирования
Google Maps API геолокации
Google Maps JavaScript API