#javascript #html #google-maps #google-maps-api-3
#javascript #HTML #google-карты #google-maps-api-3
Вопрос:
Я впервые использую API на веб-сайте, появляется карта Google с маркером моего местоположения, который я установил, но сразу становится серым и говорит «проверьте консоль», в которой нет ошибок или предупреждений.
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qkamp;callback=initMap" async defer>
</script>
<script>
function initMap() {
var albany = {lat: 42.676762, lng: -73.821991};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: albany
});
var marker = new google.maps.Marker({
position: albany,
map: map
});
}
</script>
Комментарии:
1. Опубликованный код работает для меня на jsfiddle, если я добавлю недостающий HTML / CSS. Этот ключ действителен для любого места, где вы пытаетесь его запустить?
2. Я думаю, что это хорошо, может быть, я создам еще один и попробую это
3. да, это был ключ API, это странно
Ответ №1:
При загрузке API необходимо указать действительный ключ.
Консоль должна содержать соответствующий текст и URL-адрес, который необходимо авторизовать.