1

При подключении карты на ней выбивается ошибкаПри загрузке Google Карт на этой странице возникла проблема. И в консоли появляется такая ошибкавведите сюда описание изображения

Ключ получил, вставил скрипт до body. Ограничений на квоты нет. В чём проблема?

  <script async defer
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyChCae4udTMEmK6jR3Q46xCYJYAnnUlmmM&callback=initMap">
    </script>
    <script>
        function initMap() {
            var map = new google.maps.Map(document.getElementById('map'), {
                center: {lat: 52.0768871, lng: 23.7496443},
                zoom: 8,
            });
        }
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(52.0768871, 23.7496443),
            title: "title"
        });
    </script>
2
  • У вас скрипт загружается асинхронно. Вероятно, в этом проблема. 4 сен 2018 в 21:15
  • Как исправить не подскажите?
    – SimaDmtr
    4 сен 2018 в 21:27

2 ответа 2

0

Вы используете

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(52.0768871, 23.7496443),
    title: "title"
});

в основном потоке, не в callback &callback=initMap, но почему-то мой код выдает ошибку все равно.

Blocked a frame with origin "null" from accessing a cross-origin frame.

<div id="map"></div>

<script>
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: 52.0768871, lng: 23.7496443},
          zoom: 8,
      });

      var marker = new google.maps.Marker({
          position: new google.maps.LatLng(52.0768871, 23.7496443),
          title: "title"
      });
    }
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyChCae4udTMEmK6jR3Q46xCYJYAnnUlmmM&callback=initMap"></script>

0

Проблема заключалась в том, что необходимо было активировать бесплатную версию API, указав платёжные данные. Вопрос закрыт

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.