Как заставить 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, он тоже не работает?
Ответы:
Вы можете пойти по этому пути. По крайней мере, у меня работает:
на странице учетных данных:
Выберите вариант с IP-адресом (вариант № 3).
Введите свой IP-адрес от вашего провайдера. Если вы этого не сделаете, найдите свой IP-адрес, используя эту ссылку: https://www.google.com/search?q=my+ip.
Сохрани это.
Измените ссылку на карту Google следующим образом между тегами скрипта:
https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "
Подождите около 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:
Надеюсь это поможет!
Вы должны проверить конкретную ошибку в консоли javascript (например, Ctrl+ Shift+ Kв Firefox для Windows).
Согласно Стивену Глибе (2016) , существует четыре распространенных случая этой проблемы. Если можно резюмировать это так:
После внесения некоторых изменений в код очистите кеш браузера, если это необходимо.
Если есть другие ошибки, вы можете проверить страницу документации по кодам ошибок API Карт Google .
Там, где написано «Принимать запросы от этих HTTP-рефереров (веб-сайтов) (необязательно)», вам не нужно указывать какой-либо реферер в списке. Поэтому щелкните X рядом с localhost на этой странице, но продолжайте использовать свой ключ.
Затем он должен подействовать через несколько минут.
Внесенные изменения иногда вступают в силу через несколько минут, поэтому подождите несколько минут перед повторным тестированием.