2021-11-02（JS学习）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

百度API调用出错

---

提示：以下是本篇文章正文内容，下面案例可供参考

示例：出现BMapGL未定义

代码如下（示例）：

<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=密匙"></script>

采用以下解决方案：

1. 可能是加载阻塞，导致API为载入。采用异步加载：（官网提供）

代码如下（示例）：

<script>
function loadJScript() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥&callback=init';
    document.body.appendChild(script);
}
function init() {
    var map = new BMapGL.Map('container'); // 创建Map实例
    var point = new BMapGL.Point(116.404, 39.915); // 创建点坐标
    map.centerAndZoom(point, 10);
    map.enableScrollWheelZoom(); // 启用滚轮放大缩小
}
window.onload = loadJScript; // 异步加载地图
</script>

依旧提示：BMapGL未定义

2.可能是链路错误
在链路前加入https:

代码如下：

<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=KBvxqhhuMvkCeXfi0KLcse0unfKQQErC"></script>

解决。

---

总结

写代码时不能只考虑代码本身错误，格式及调用的正确性同样重要。