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

2020-04-23  本文已影响0人  木鱼大叔

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

上一篇下一篇

猜你喜欢

热点阅读