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