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

标签 javascript jquery google-maps

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

最佳答案

您可以使用 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 加载或所有标记。

关于javascript - 你能通过 AJAX 将谷歌地图插入到页面中吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7783644/

相关文章:

javascript - 有没有办法在聚合过程中获取和设置控制变量?

javascript - 在 Node 中将 UUID 转换为二进制文件

jquery - document.elementFromPoint 在 jQuery 中不起作用

javascript - Jquery DataTables 插件 - 隐藏列名称行

javascript - 点击 Google map 标记时添加信息窗口气泡

android - Android 中的自定义、禁用和空白 map

javascript - 如何在 Jquery 中使用字符串作为类名?

javascript - 在 ng-repeat 期间构建 AngularJS 变量名称

javascript - 内容可编辑的 div - 在插入符号/选定的 div 之后插入新的 'p class'

java - 地理位置谷歌地图 v2