Question

我正在开发谷歌地图实施，到目前为止工作正常。为了尝试和玩它，我为此做了一个额外的文件。

您可以在这里查看地图：Google maps file

我已准备好该文件中的所有内容，我想将其实施到我的网站上。我拿了代码并将其复制到我的“主文件”中。

现在，只有在我调整浏览器大小或在文本字段中写一些内容时，google-map才会首先加载。

浏览器没有给我任何错误。

<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOURAPIKEY&callback=initMap&language=de">

此代码示例位于我的<body>标记的末尾。我知道google-map需要加载异步，但我不确定它是什么，因为 - 我是初学者......

任何人都可以给我一个暗示，为什么地图的表现如此？

实现了所有需要的javascript文件。

Answer 1

谷歌地图似乎在没有调整窗口大小的情况下显示。

如果没有显示，请尝试在地图加载时添加“resize”事件触发器。这是窗口大小调整的相同事件。

function initMap() {
    var map = new google.maps.Map(document.getElementById('newjobmap'), options);
    google.maps.event.trigger(map, "resize");
}

只有在我调整浏览器窗口大小时才会加载Google地图

1 个答案: