Ключ API Карт Google не проходит аутентификацию правильно
Я пытаюсь интегрировать карту Google в свой веб-сайт, который будет использовать почтовый индекс в системе определения местоположения Лат / лнг для построения точек. Но по какой-то причине Google продолжает отключать мою карту через 2-3 секунды после ее появления. Код ключа совершенно новый, и я несколько раз проверял и копировал его, чтобы быть уверенным. В учебнике написано, что для создания ключа браузера, который я сделал, я ввожу его в строке:
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAlvGtJcsp_qZy_U1deMqG8saGDQb4QU88&sensor=false">
Остальная часть кода является прямым отрывком из учебника. https://developers.google.com/maps/documentation/javascript/tutorial#HelloWorld поскольку я все еще пытаюсь просто получить карту, показывающую онлайн.
Я прочитал десятки страниц по этому вопросу, и ни одна не может объяснить, почему он недействителен, я даже пытался создать ключ сервера, используя IP-адрес, но он тоже был отклонен. Я бы напрямую связался со службой поддержки Google, но для этого им нужен обновленный план.
У кого-нибудь есть идеи, что происходит? Для справки полный скрипт показан ниже.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
</style>
<script type="text/javascript"src="https://maps.googleapis.com/maps/api/js?key=API_KEY">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: { lat: -34.397, lng: 150.644},
zoom: 8
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
Я не после быстрого исправления, так как мне нужно понять, что не так, но я не могу понять, где искать, как я следовал к учебнику точно.
Решение
На самом деле без ключа API, вы также должны увидеть карту! Здесь есть живая версия
Кстати: возможно, вы написали неверный адрес домена для ключа браузера, старайтесь не писать адрес домена.
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js"></script>
Другие решения
Других решений пока нет …