TLDR
Мой код отлично работает на моем ноутбуке при доступе как file://<path>/index.html, но ни на моем ноутбуке с сервером Apache, работающим при доступе как http://<path>/index.html, ни на моемреальный (производственный) сервер.Я не вижу ошибок на консоли, но карта представляет собой просто серый прямоугольник.
Прошло несколько лет с тех пор, как я кодировал любые приложения Google Maps.
Похоже,по состоянию на прошлый год теперь необходимо иметь ключ API, предоставляя ему данные кредитной карты и предоставляя его при каждом вызове API.
К сожалению, очень много информации об этом, большая часть / большая часть которой устарела и / или противоречива.
Может ли кто-нибудь указать на каноническое руководство, желательно со скриншотами, как это настроить?
Я хочу нарисовать карту и добавить несколько создателей, для которых потребуется обратное геокодирование, чтобы я указал адрес улицы и преобразовал его в широту / долготу, чтобы разместить маркеры.
Звучит достаточно просто, но какой из многих тысяч «полезных» сайтов понял это правильно?
Например, что кажется текущей страницей справки Google говорит о
из навигациив меню выберите API и службы> Учетные данные.
На странице учетных данных нажмите Создать учетные данные> Ключ API
Но я даже не вижу эту опцию меню :-(
[Обновить] Если это поможет, в сообщении об ошибке на консоли разработчика будет указано:
Служба геокодирования: необходимо использовать ключ API для проверки подлинности каждого запроса.API Google Maps Platform.Для получения дополнительной информации см. http://g.co/dev/maps-no-account Для получения дополнительной информации об аутентификации и службах Google Maps JavaScript API см. https://developers.google.com/maps/documentation/javascript/get-api-key
[Обновление] Я пытаюсь получить доступ к API следующим образом:
<script src="maps.google.com/maps/api/…>
и
var url = 'https://maps.googleapis.com/maps/api/geocode/json?address=' + comapnyLocation +'&key=XXXX';
$ http.get (url)
[Update ++] в консоли разработчика я вижу кучу ошибок в следующем виде:
aliextension.com / wp-content / uploads / 2017/08 / JAR.png: 1 GET https://aliextension.com/wp-content/uploads/2017/08/JAR.png net :: ERR_CONNECTION_TIMED_OUT
Я понятия не имею, что такое aliextension, и не отображается в моем коде (может быть, в некоторых минимизированных JS?)
Хорошо, эточто-то делать с AliExpress (Али Баба).Я удалил его, и сообщения об истечении времени ожидания исчезли, но у меня все еще есть проблемы.
Если я загружаю index.html в Chrome как file://, то он работает просто отлично.Но, если я загружаю его как http://,, где у меня работает сервер Xampp Apache, поле карты остается серым, хотя я не вижу сообщений об ошибках.То же самое происходит на моем реальном сервере: - (