百度地图API使用遇问题-ReferenceError: BMapLib is not defined

最新推荐文章于 2026-04-23 04:09:20 发布
原创 最新推荐文章于 2026-04-23 04:09:20 发布 · 2.8w 阅读 · 3 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#ReferenceError: BMapLib is not
本文介绍了解决BMapLib未定义问题的过程，通过检查HTML文件和引用的JavaScript文件，最终确认是由于文档编码格式导致的问题，并给出了修改文档编码为UTF-8解决问题的方法。


解决过程：

1st. 在 test.html 查找 BMapLib 字符串。

    都哪里出现过，本文档中是否定义，是否存在中英文输入法问题，是否在定义时多了空格等等。

    结果是，本文档中未定义 BMapLib，仅引用一次 BMapLib。

2nd. 查看调用的文件中是否定义 BMapLib 。

    BMapLib 是热力图相关的量，先在Heatmap_min.js中找，找到是有正确定义的。

3rd. 另外，前两个语法错误提示也有问题，查看了文档，发现并不存在语法问题。

    那是什么问题呢？

4th. 最终发现，是文档编码的问题。

    test.html文档编码格式Unicode，重新建一个编码格式为UTF-8的文档，将程序原样复制过去，保存后再在浏览器打开，就没有先前的错误了。



百度地图开发文档
10-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" /> <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" /> <title>百度地图API自定义地图</title> <!--引用百度地图API--> <style type="text/css"> html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} </style> [removed][removed] </head> <body> <!--百度地图容器--> <div solid 1px;margin:auto auto;" id="dituContent"></div> </body> [removed] //创建和初始化地图函数： function initMap(){ createMap();//创建地图 setMapEvent();//设置地图事件 addMapControl();//向地图添加控件 } //创建地图函数： function createMap(){ var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 var point = new BMap.Point(116.395645,39.929986);//定义一个中心点坐标 map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中 window.map = map;//将map变量存储在全局 } //地图事件设置函数： function setMapEvent(){ map.enableDragging();//启用地图拖拽事件，默认启用(可不写) map.enableScrollWheelZoom();//启用地图滚轮放大缩小 map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写) map.enableKeyboard();//启用键盘上下左右键移动地图 } //地图控件添加函数： function addMapControl(){ //向地图中添加缩放控件 var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); map.addControl(ctrl_nav); //向地图中添加缩略图控件 var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1}); map.addControl(ctrl_ove); //向地图中添加比例尺控件 var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); map.addControl(ctrl_sca); } initMap();//创建和初始化地图 [removed] </html>
从游戏玩家到开发者：我是如何用C语言和EasyX一步步“造”出植物大战僵尸的（附完整源码）
最新发布
weixin_30421809的博客
04-23 548
本文详细介绍了如何从零开始使用C语言和EasyX图形库开发《植物大战僵尸》游戏的全过程。作者分享了从项目构思、核心架构设计到关键技术实现的完整经验，包括双缓冲绘图、碰撞检测系统等关键技术的代码示例，并提供了性能优化和扩展设计的实用建议。适合对游戏开发和C语言编程感兴趣的读者学习参考。
Uncaught ReferenceError: BMapLib is not defined
duomoluo的博客
01-10 1万+
参考：http://jingyan.baidu.com/article/fc07f98965071d12ffe5192c.html 1.出现这个错误，最可能的是引用的各个js的调用顺序有误，重新调整其引用顺序看看能否解决？（遇到过，调整顺序后解决） 2.引用的js文件本身有错。（遇到过，改错后解决） 3.还有一个原因就是在你引用js时，路径出错，不是你项目中正
qt引用百度地图时报错“Uncaught ReferenceError: BMap is not defined“
pupuhetu的博客
01-01 2479
qt引用百度地图时报错"Uncaught ReferenceError: BMap is not defined"
百度地图点聚合问题
qq_43028942的博客
06-25 753
如果BMapLib报BMapLib is not defined错误，是因为没有引入js。 需要在index.html中引入js： <script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script> <script type="text/javascript" src="http://api.
bmaplib vue 调用_vue项目 调用百度地图 BMap is not defined
weixin_39861734的博客
12-20 801
这次老板新接了一个四点半官网页面，使用vue来写。emm……我感觉整个人都不好了，两天半解决了20个静态页面。还好vue写页面简直飞快，遇到一个vue的新坑，使用百度地图。研究了好一会，总是报错BMap is not defined我只有一个页面需要用到地图，所以我是使用cdn引入的方式来写的，并没有像网上一些教程一样使用npm引入安装。直接简单粗暴的根据百度地图api来写，虽然报错。那就解决报错...
'BMap' is not defined 解决方案，亲测有效
热门推荐
有问题可关注公众号：前端研究院 后台输入问题回复
03-12 4万+
webpack 配置文件 如果只是第一步，你调用百度地图api时，报错： Bmap is not defined ，那么就配置 webpack 配置文件**（webpack.base.conf.js）的module.exports中加个externals：** module.exports = { context: path.resolve(__dirname, '../'), entry...
2021-09-13
tiantian_ht的博客
09-13 394
控制台报错 ‘BMapLib is not defined’ 解释：使用百度地图，在全局导入BMap情况下，使用BMapLib.LuShu遇到的问题 解决方式： npm i --save bmaplib.lushu 然后在需要使用LuShu的组件vue中导入LuShu，即 import LuShu from 'bmaplib.lushu' new Lushu();取代BMapLib.Lushu();即可使用。 详解见 https://www.npmjs.com/package/bmaplib.lush
vue中使用百度地图报错“BMapGL is not defined”
qq_42802528的博客
11-10 2181
添加asyncLoadMap.js。
【踩过的坑】ReferenceError: BMap is not defined
helloChou_J的博客
06-03 8971
直接复制粘贴百度地图API示例demo时，出现报错：ReferenceError: BMap is not defined 后来查了好久，才发现是引用的时候没有加http: ???????????? 正确的代码(记得加抬头http:啊！)：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=YourKey"> 这样就可以实现百度地图初始化，示例demo如下： <!DOCTYPE htm
undefined 以及 is not defined
面具哥布林的博客
07-31 6483
之前编写一个用了百度地图页面中时犯了一个很低级的错误：过度依赖百度图，数据的加载显示流程必须在百度地图加载成功才能正确显示。这样导致的问题就是，如果电脑网络不好，无法加载地图，那没有用到百度地图的一些数据就无法正常显示了。于是对代码进行了修改，然后又发现了一个以前没有接触过的问题，便记录下来。 在断网的情况下，百度地图的BMap 变量出现了一个报错BMap is not defined 我一直
BMapLib.HeatmapOverlay
fuwei736349065的博客
07-21 5244
类 BMapLib.HeatmapOverlay 热力图的覆盖物 实例化该类后，使用map.addOverlay即可以添加热力图  源文件: Heatmap.js. 类 类 描述 BMapLib.HeatmapOverlay(opts) 热力图的覆盖物 方法 方法 返回值 描述
bmaplib vue 调用_解决Vue引入百度地图JSSDK：BMap is undefined 问题
weixin_39777875的博客
12-20 938
百度地图官网文档介绍使用JSSDK时，仅提供了2种引入方式：script引入异步加载解决跨域问题，实例调用百度地图但vue项目中仅某一两个页面需要用到百度地图，所以不想在 index.html 中全局引用。那在单个vue组件页面中如何引入呢？刚开始时，是直接通过 DOM 操作方式插入script标签到当前document中，如下：let scriptNode = document.createEl...
百度地图点聚合报null的错
zimu_spm的博客
11-29 795
如图在使用new BMapLib.MarkerClusterer() 方法实现点聚合的效果的时候，会直接报null。 什么原因？在阅读源码后，通过打印地图实例 map.Zx() 会发现 为false 。显示false 是地图未加载完成，导致后续报错，true地图加载完成，就不会报错。 因此，监听地图加载完成即可，如下（在监听到地图加载完成后，即可调用）： map.addEventListener("tilesloaded", function () { ...
百度地图 ReferenceError: BMap is not defined
秃头小吴
09-03 3907
因为最近移动端引用百度地图由于网站升级报错，在这里记录一下，防止你们踩坑 解决方案：参考官网：http://lbsyun.baidu.com/index.php?title=jspopular/guide/introduction 我用的是JavaScript API ，所以需要加一个特殊字段 (s=1)： 路径是这样子的： https://api.map.baidu.com/api?v=2.0&ak=你的密钥&s=1； script type="text/javascript" src=
'BMap' is not defined 解决方案
aGreetSmile的博客
09-26 1万+
webpack 配置文件 如果只是第一步，你调用百度地图api时，报错：Bmap is not defined，那么就配置 webpack 配置文件**（webpack.base.conf.js）的module.exports中加个externals：** module.exports = { context: path.resolve(__dirname, '../'), entry...
使用百度地图报错：‘BMapGL‘ is not defined no-undef解决方法
S_rely的博客
05-27 7569
创建bmpgl.js文件 export function BMPGL(ak) { return new Promise(function(resolve, reject) { window.init = function() { // eslint-disable-next-line resolve(BMapGL) } const script = document.createElement(‘script’) script.type = ‘text/javascript’ // script.sr
如何申请百度地图开发者AK和基本使用，并解决Uncaught ReferenceError: BMapGL is not defined的错误
念兮为美
04-24 5573
如何申请百度地图开发者AK和基本使用，并解决Uncaught ReferenceError: BMapGL is not defined的错误
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值