百度地图API的两种加载方式

1. 同步加载

直接在页面中使用script标签，引入api地址即可，如下：

<script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥" type="text/javascript"></script>

2. 异步加载（推荐）

引入api地址的时候添加callback回调参数，当脚本加载完成后callback函数会被立刻调用，如下：

function loadBaiDuScript() {var script = document.createElement("script");script.src = "http://api.map.baidu.com/api?v=2.0&ak=您的密钥&callback=initializeMap";document.body.appendChild(script);}function initializeMap() {// 此处编写百度地图的初始化代码}

调用方式：

window.onload = loadBaiDuScript;

或者jquery方式

$(function(){loadBaiDuScript();});

其中，initializeMap为回调函数名称，名字可以自定义。

Tips：同步加载，在网络环境不好的情况下，很可能会阻塞其它静态资源的加载。

百度地图API的两种加载方式相关推荐

动态链接库dll的两种加载方式
在第一篇技术博客"动态链接库简介"中说到了两种加载方式,当时没有详细说明,这里详细说明一下可以通过两种方式 1.隐式链接(需要.dll,.lib,.h) 2.显式链接(需要.dl ...
最新完整代码：使用word2vec预训练模型进行增量训练（两种保存方式对应的两种加载方式）适用gensim各种版本
两种方式加载预训练模型(保存方式不一样,加载方式也不一样) 以腾讯训练的100为word2vec small版本为例 word2vec预训练模型下载腾讯:https://ai.tencent.com ...
【百度地图】——利用三级联动加载百度地图
[百度地图]--利用三级联动加载百度地图 HTML+CSS代码如下: <!DOCTYPE html> <html lang="en"><head> ...
百度地图Javascript使用海量点加载数据并自定义图标
** 百度地图Javascript使用海量点加载数据并自定义图标由于数据量较大时使用Marker点在地图上标点会造成浏览器卡死,点聚合的形式可以解决数据量大浏览器卡死问题,但是移除点时点聚合不太好用 ...
ios首次加载web_IOS_IOS中UIWebView的使用详解，一、初始化与三种加载方式 UI - phpStudy...
IOS中UIWebView的使用详解一.初始化与三种加载方式 UIWebView继承与UIView,因此,其初始化方法和一般的view一样,通过alloc和init进行初始化,其加载数据的方式有三种 ...
hive--udf函数（开发-4种加载方式）
UDF函数开发标准函数(UDF):以一行数据中的一列或者多列数据作为参数然后返回解雇欧式一个值的函数,同样也可以返回一个复杂的对象,例如array,map,struct. 聚合函数(UDAF):接受 ...
Android图片加载之认识bitmap的四种加载方式
Android的Bitmap有四种高效加载方式从获取方式分: (1)以文件流的方式假设在sdcard下有 test.png图片 FileInputStream fis = new FileInpu ...
百度地图热力图大量点位快速加载
近期做了个热力图在此记载一下,用的是百度的api,做了ajax异步渲染,做了快速定位当TOP1的点位,并且获取该点位的信息演示地址:http://api.azcity.cn/api/v1.index ...
MyBatis 延迟加载的三种加载方式深入，你get了吗？
延迟加载延迟加载对主对象都是直接加载,只有对关联对象是延迟加载. 延迟加载可以减轻数据库的压力, 延迟加载不可是一条SQL查询多表信息,这样构不成延迟加载,会形成直接加载. 延迟加载分为三种类型: ...

百度地图API的两种加载方式

百度地图API的两种加载方式相关推荐

最新文章

热门文章