显示页面后加载Google Maps API

Question

我的目标网页包含很大的Google Maps部分，这会减慢加载时间。我正在尝试执行以下操作：

1. 首先加载静态元素，以便页面最初快速加载。
2. 在地图占位符中显示加载通知，以便用户知道地图即将到来
3. 加载并显示地图

我已经做到了：

$(document).ready(function() {
  map_initialize();
}

该map_initialize()函数将地图加载到其容器div中。但是，这仍然不会显示静态元素。页面将等到map_initialize()完成，然后在与地图同时加载静态元素。

Answer 1

我正在研究此功能，并且遇到了这个问题。解决方案是..

function initMap() {
  --google map code--
}

$(document).ready(function () {
google.maps.event.addDomListener(window, 'load', initMap);
});