美文网首页
百度地图API的两种加载方式

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

作者: 木鱼大叔 | 来源:发表于2020-04-23 15:03 被阅读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:同步加载,在网络环境不好的情况下,很可能会阻塞其它静态资源的加载。

    相关文章

      网友评论

          本文标题:百度地图API的两种加载方式

          本文链接:https://www.haomeiwen.com/subject/dilaihtx.html