API карт Google загружается на секунду, затем говорит проверить консоль js, но никаких предупреждений или ошибок, есть идеи

#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-адрес, который необходимо авторизовать.