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

1. 同步加载

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

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：同步加载，在网络环境不好的情况下，很可能会阻塞其它静态资源的加载。