javascript - 谷歌地图加载时间较长

Question

我在网站中使用 Google map 来显示标记并绘制标记，我还使用了额外的 JS markerwithlabel.js。

为了初始化 map 我做了什么

google.maps.event.addDomListener(window, 'load', mapInitFunction);

当我不使用第三方资源时它工作正常。

出于我的业务目的，我必须加载一些第三方 JS、图像等，有时会加载其中一个资源。因为请求状态显示待处理。因此谷歌地图无法加载。因为我已经在窗口加载中初始化了 map 。我读过Google Doc但没有得到任何无需窗口加载即可初始化 Google map 的替代方法。

您的任何建议将不胜感激。

Answer 1

使用回调函数方法并放在body末尾

  <script src="https://maps.googleapis.com/maps/api/js?key=**YOUR_KEY**&callback=mapInitFunction" async defer></script>

您也可以在没有异步延迟属性的情况下使用。它只是提供了一种延迟加载谷歌地图的方法