Не удается получить карту через API Google javascript Maps, не выдает ошибки, но iframe src о: blank - PullRequest
Новая
       1

Не удается получить карту через API Google javascript Maps, не выдает ошибки, но iframe src о: blank

0 голосов
/ 14 мая 2018 

    function initMap() {
        // Styles a map in night mode.
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('maprand'), {
          center: uluru,
          zoom: 12,
        });
      }
<html>
<head>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=**API-KEY**callback=initMap"></script>
</head>

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

</html>

Я использую следующий код: 

<script>
function initMap() {
    var uluru = {lat: -25.363, lng: 131.044};
    var map = new google.maps.Map(document.getElementById('map'), {
          center: uluru,
          zoom: 12,
});
}
</script>

Он не выдает никаких ошибок, но погружается в div, что этоcreate показывает это: 

<iframe frameborder="0" src="about:blank" style="z-index: -1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: none;"></iframe>

Очевидно, что проблема здесь в src="about:blank", но я не знаю, почему он это делает.

1 Ответ

0 голосов
/ 14 мая 2018

Я думаю, что сначала вы должны добавить высоту и ширину карты, а затем проверить свои ключевые правила.

Пример:

https://codepen.io/anon/pen/PeBwgQ

function initMap() {
        // Styles a map in night mode.
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('map'), {
          center: uluru,
          zoom: 12,
        });
      }
<script async defer src="https://maps.googleapis.com/maps/api/js?senson=false&callback=initMap"></script>


<div id="map" style="width: 300px; height: 300px"></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...