javascript - 你能通过 AJAX 将谷歌地图插入到页面中吗

Question

我正在使用 google maps V3 javascript API 来创建 google map 。这工作正常，但我的 map 上有很多标记，因此正在创建大量 javascript 使页面大约 5mb，因此页面加载时间很长(超过 20 秒)!我想改为通过 ajax 拉入 map ，以便我可以显示 ajax 加载器 gif，直到它被下载。我无法让它工作。我拉入 javascript 和所有内容并将其插入页面，但 map 未加载。一旦代码进入页面或其他内容，我是否需要调用初始化函数？

Answer 1

您可以使用 addListener 将事件绑定(bind)到 map 的空闲状态。

所以，也许您可​​以将它隐藏在后台加载，显示您的微调器，等待事件发生然后显示它。

类似的东西:

google.maps.event.addListener(yourmap, 'idle', function()
{
if(!mapLoaded) $('#yourmapdiv').trigger('mapLoaded');
mapLoaded=true; 
});

然后:

$('#yourmapdiv').bind('mapLoaded', function(){
// hide your spinner, show your map
});

我不确定的一点是空闲状态是否只涉及图 block 加载或所有标记。