Ключ API Googlemaps для локального хоста

Как заставить API-интерфейс googlemaps работать на локальном хосте?

Я создал ключ API и в разделе рефералов добавляю следующее:

Accept requests from these HTTP referrers (websites) (Optional)

Use asterisks for wildcards. If you leave this blank, requests will be 
accepted from any referrer. Be sure to add referrers before using this key 
in production. 

localhost

Это не работает, и если я исключу ключ api, он тоже не работает?

1. Перейдите по этому адресу: https://console.developers.google.com/apis
2. Создайте ключ API для вашего проекта
3. Щелкните "Библиотека"
4. Нажмите на любой API, который хотите
5. Нажмите "Включить" (вверху справа).
6. Нажмите «Учетные данные»> «Изменить ключ».
7. В разделе «Ограничение ключа» выберите «HTTP-рефереры (веб-сайты)».
8. Введите адрес своего веб-сайта (или «localhost», «127.0.0.1», «localhost: port» и т. Д. Для локальных тестов) в текстовое поле и нажмите, ENTERчтобы добавить его в список.
9. Используйте свой ключ в своем проекте

Вы можете пойти по этому пути. По крайней мере, у меня работает:

на странице учетных данных:

1. Выберите вариант с IP-адресом (вариант № 3).

2. Введите свой IP-адрес от вашего провайдера. Если вы этого не сделаете, найдите свой IP-адрес, используя эту ссылку: https://www.google.com/search?q=my+ip.

3. Сохрани это.

4. Измените ссылку на карту Google следующим образом между тегами скрипта:

   https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "

5. Подождите около 5 минут или больше, чтобы ваш ключ API распространялся.

Теперь ваша карта Google должна работать.

Если вы работаете с localhost, создайте отдельный ключ API для своей разработки, а затем снимите ограничения для этого ключа, чтобы ваш localhost мог его использовать. Помните, что нельзя использовать этот ключ на производстве, чтобы не раскрывать свой ключ охотникам в Интернете.

У меня была такая же проблема, и все попытки заставить ограничения работать в моей среде localhost не увенчались успехом, пока я не создал отдельный apikey специально для разработки, а затем снял его ограничения. Однако я не использую этот ключ в производственной среде, и как только закончу разработку, я немедленно удалю ключ API.

Я знаю, что эта публикация опаздывает, но для людей, которые, вероятно, столкнутся с этой проблемой в будущем, это лучший путь.

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

Когда вы используете Ограничения приложений -> HTTP-ссылки -> Ограничения веб-сайтов, вы можете вводить URL-адреса с подстановочными знаками.

Однако используя подстановочный знак, например .localhost / или .localhost: {порт}. (когда уже есть .yourwebsite.com / * ), похоже, не работает.

Простое добавление одного * действительно работает, но в основном это дает вам неограниченный ключ, чего вы тоже не хотите.

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

http: // localhost {порт} /
http: // localhost : {порт} / что-то еще / здесь

Заставляет карты Google работать как локально, так и на сайте www.yourwebsite.com, используя один и тот же ключ API.

В любом случае, когда есть 2 отдельных ключа, я бы посоветовал это сделать.

Вы можете следовать этому руководству о том, как использовать Google Maps для тестирования на localhost.

• Щелкните эту ссылку и следуйте инструкциям (создайте новый проект, ключ API> ключ браузера, зарегистрируйте домен localhost): https://console.developers.google.com//flows/enableapi?apiid=maps_backend&keyType=CLIENT_SIDE&reusekey=true
• Сгенерируйте ключ
• Разверните виджет Google Maps, как описано здесь: http://www2.microstrategy.com/producthelp/10/GISHelp/Lang_1033/GIS_Integration.htm
• Добавьте свой ключ API Карт Google в googleConfig.xml (как описано в предыдущей ссылке) ENTER_YOUR_KEY_HERE
• Перезагрузите веб-сервер

Проверьте эти связанные темы SO:

• Ключ API Google Maps v3 не работает для локального тестирования
• Как использовать простой API карт Google на локальном хосте
• API Google Maps v3 для localhost не работает

Надеюсь это поможет!

Вы должны проверить конкретную ошибку в консоли javascript (например, Ctrl+ Shift+ Kв Firefox для Windows).

Согласно Стивену Глибе (2016) , существует четыре распространенных случая этой проблемы. Если можно резюмировать это так:

1. MissingKeyMapError >> Получить ключ API Карт Google (но также рассмотрите альтернативу № 2)
2. RefererNotAllowedMapError >> Зарегистрируйте порт localhost: в панели управления разработчика Google .
3. ApiNotActivatedMapError >> Включение API Карт Google на странице библиотеки API Google
4. InvalidKeyMapError >> Добавьте свой ключ в свои скрипты / коды правильно

После внесения некоторых изменений в код очистите кеш браузера, если это необходимо.

Если есть другие ошибки, вы можете проверить страницу документации по кодам ошибок API Карт Google .

Там, где написано «Принимать запросы от этих HTTP-рефереров (веб-сайтов) (необязательно)», вам не нужно указывать какой-либо реферер в списке. Поэтому щелкните X рядом с localhost на этой странице, но продолжайте использовать свой ключ.

Затем он должен подействовать через несколько минут.

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

Набрав «мой IP» в поиске Google, я получил свой общедоступный IP-адрес и вставил его в IP-адрес (третий вариант). Меня устраивает.

Набрав «мой IP» в поиске Google, я получил свой общедоступный IP-адрес и вставил его в IP-адрес (третий вариант). Меня устраивает.