百度地图JS开发，打开空白一片，报错BMapGL is not defined，ERR_FILE_NOT_FOUND

已于 2022-02-12 17:49:08 修改
阅读量7.6k 收藏 8
点赞数 16
分类专栏： 前端Vue 杂七杂八 文章标签： javascript 前端 百度地图 BMapGL
于 2022-02-12 17:45:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kangweijian/article/details/122899585
版权
本文记录了一位开发者在本地打开含有百度地图WebGL的HTML文件时遇到的加载错误，通过分析发现是由于脚本src的协议缺失导致。通过在src前添加'https:'，成功解决了BMapGL未定义的错误，使得地图正常显示。
摘要由CSDN通过智能技术生成

文章目录

一、发现问题

在百度地图开放平台—实例中心，运行都是没问题的。

  • 复制，替换ak
  • 本地保存html文件
  • 打开html，界面一片空白
  • F12打开开发者控制台，发现了报错
  • GET file://api.map.baidu.com/api?type=webgl&v=1.0&ak=**************** net::ERR_FILE_NOT_FOUND
  • Uncaught ReferenceError: BMapGL is not defined

在这里插入图片描述

在这里插入图片描述

二、解决问题

报错很明显，脚本script访问不到，导致了BMapGL未定义。

我就认真一看这个脚本src，一看就很奇怪。

    <script src="//api.map.baidu.com/api?type=w
了解本专栏 订阅专栏 解锁全文 超级会员免费看
小康师兄
关注
  • 16
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
专栏目录
订阅专栏
百度地图api “BMapGL is not defined“ 错误
weixin_45743427的博客
06-03 1万+
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
qt引用百度地图时报错“Uncaught ReferenceError: BMap is not defined“
pupuhetu的博客
01-01 1884
qt引用百度地图时报错"Uncaught ReferenceError: BMap is not defined"
如何申请百度地图开发者AK和基本使用，并解决Uncaught ReferenceError: BMapGL is not defined的错误
念兮为美
04-24 4596
如何申请百度地图开发者AK和基本使用，并解决Uncaught ReferenceError: BMapGL is not defined的错误
react中使用百度地图报错：‘BMapGL‘ is not defined no-undef解决方法
hyqhyqhyqq的博客
03-05 1058
在BMapGL前加个window即可，就出来了
使用React-BMapGL出现“BMapGL is not defined“ 错误
qq_45366307的博客
04-16 3529
项目场景： 在React项目中使用百度地图API 问题描述 在React项目中使用百度地图API时出现了 “BMapGL is not defined” 错误。 以下为百度地图给出的快速入门： 引入脚本 首先，需要在你的index.html模板页面头部加载百度地图JavaScript API代码，密钥可去百度地图开放平台官网申请。 <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&
使用百度地图报错：‘BMapGL‘ is not defined no-undef解决方法
S_rely的博客
05-27 6383
创建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
react BMap is not defined 或者 BMapGL is not defined
范德萨的博客
02-10 1371
首先通过在项目中运行 npm run eject 暴漏出配置文件 其次在webpack.config.js中的return进行以下配置。
Uncaught ReferenceError: BMapLib is not defined
duomoluo的博客
01-10 1万+
参考：http://jingyan.baidu.com/article/fc07f98965071d12ffe5192c.html 1.出现这个错误，最可能的是引用的各个js的调用顺序有误，重新调整其引用顺序看看能否解决？（遇到过，调整顺序后解决） 2.引用的js文件本身有错。（遇到过，改错后解决） 3.还有一个原因就是在你引用js时，路径出错，不是你项目中正
解决vue引入BMapGL is not defined的问题
热门推荐
u011295864的博客
03-12 1万+
在项目src下添加bmpgl.js，内容如下：（ak是密钥） // 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
vue中使用百度地图报错“BMapGL is not defined”
qq_42802528的博客
11-10 1153
添加asyncLoadMap.js。
解决vue项目报错webpackJsonp is not defined问题
01-19
但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。 可以手动改文件引用，但是推荐以下解决办法： 找到build→webpack.prod...
Python 解决execjs._exceptions.ProgramError: ReferenceError: document is not defined报错问题
01-20
在某些情况下，当你尝试使用`execjs`执行包含浏览器环境特定对象（如`document`或`window`）的JavaScript代码时，可能会遇到`execjs._exceptions.ProgramError`，比如`ReferenceError: document is not defined`或`...
webpack DllPlugin xxx is not defined解决办法
10-15
当遇到"webpack DllPlugin xxx is not defined"这样的错误时，通常意味着在配置或使用过程中出现了问题。以下是对这个问题的详细分析和解决方法： 1. **context上下文不一致**： 在 `DllPlugin` 和 `...
完美反编译出微信小程序 彻底解决 __vd_version_info__ is not defined 等出错问题
12-10
彻底解决 __vd_version_info__ is not defined 等出错问题，完美反编译出微信小程序， 已测试。直接下载后按照 qwerty472123/wxappUnpacker 方式使用。原qwerty472123/wxappUnpacker的版本已过时。
C# WebBrowser 百度地图API BMapGL未定义问题
m0_62576594的博客
07-16 982
解决BMapGL未定义的问题
【百度地图SDK】BMap is not defined的问题
xiaoxiqo的博客
07-16 1025
百度地图API出现BMap is not defined报错，定义出menu即可解决
在vue项目中使用百度地图api，报错BMapGL is not defined
莫宛的博客
08-02 5702
在vue项目中使用地图api，报错BMapGL is not defined
vue 报错ReferenceError: __DEFINES__ is not defined
最新发布
05-16
这个错误通常是因为在你的 Vue 项目中，使用了没有定义的变量 __DEFINES__。这个错误可能来自你在项目中使用的某个库或插件，或者你自己的代码中存在这个变量的调用。 要解决这个问题，你可以尝试以下几个方法： 1. 检查你的代码，看看是否有调用 __DEFINES__ 变量的地方，如果有，请检查这个变量的来源是否正确。 2. 确认你使用的库或插件是否与 Vue 兼容，并且是否在正确的位置引入。 3. 检查你的 Vue 配置文件（如 webpack.config.js）中是否正确设置了相关的配置项。 4. 如果以上方法都没有解决问题，你可以尝试升级 Vue 的版本或使用其他版本，看看是否能够解决问题。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小康师兄

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值