原因:mounted初始化时,异步问题导致百度api未引用完就初始化了

解决:修改引入方式,之前在index.html的head引入script标签,现在新建map.js文件

export function loadBMap(ak) {return new Promise(function (resolve, reject) {if (typeof BMap !== 'undefined') {resolve(BMap)return true}window.onBMapCallback = function () {resolve(BMap)}let script = document.createElement('script')script.type = 'text/javascript'script.src ='http://api.map.baidu.com/api?v=2.0&ak=' + ak + '&__ec_v__=20190126&callback=onBMapCallback'script.onerror = rejectdocument.head.appendChild(script)})
}

引入这个js文件

 import { loadBMap } from './map'

我之前的mounted

onMounted(() => {mChart = echarts.init(target.value)
})

修改后

onMounted(() => {loadBMap("密钥").then(() => {mChart = echarts.init(target.value)})
})

问题记录:BMap api is not loaded相关推荐

  1. BMap api is not loaded(Echarts 空气质量图引入)

    原因:在mounted初始化地图的时候,因为异步问题会导致BMap is not defined,也就是百度的api还没完全引入或者加载完成,就已经进行地图初始化了 新建一个map.js export ...

  2. 百度地图BMap API的应用实例

    分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 前几天, ...

  3. java.lang.LinkageError: JAXB 2.0 API is being loaded from the bootstrap classloader, but this RI(xxx

    在使用webservice,mule esb等需要jaxb的项目里经常会出现 JAXB 2.0 API is being loaded from the bootstrap classloader这个 ...

  4. BMap API(Baidu)与google.maps API(Google)

    Map API文档 BMap API(Baidu)与google.maps API(Google)文档相对最完备.详尽.简洁,并且给出了很多学习示例,非常适合初学者入门学习.应用开发 QMap API ...

  5. api restful_HATEOAS的RESTful服务。 记录超媒体API

    api restful 1.简介 希望本教程的前一部分不仅揭示了超媒体和HATEOAS的深远意义,而且使我们确信这些都是RESTful Web服务和API的基本构建模块. 在这一部分中,我们将继续侧重 ...

  6. HATEOAS的RESTful服务。 记录超媒体API

    1.简介 希望本教程的前一部分不仅揭示了超媒体和HATEOAS的深远影响,而且使我们确信这些都是RESTful Web服务和API的基本构建块. 在这一部分中,我们将继续侧重于文档方面,以解决如何预先 ...

  7. 游戏会记录某个api的调用_专家坐诊丨老出BUG怎么办?游戏服务器常见问题的解决方法分享...

    ​在游戏开发中,我们经常会遇到一些技术难题,而其引发的bug则会影响整个游戏的品质.女性向手游<食物语>就曾遇到过一些开发上的难题,腾讯游戏学院专家团Wade.Zc.Jovi等专家为其提供 ...

  8. 车辆出险记录查询API接口

    车辆出险记录接口可以帮助车主.保险公司.交通管理部门等各方快速查询车辆的出险记录,了解车辆风险情况.核算保险费用等.这篇文章将探讨车辆出险记录接口的作用.应用场景.使用方式以及一些注意事项. 作用: ...

  9. 文档未记录的API之setContentToHTMLString

    虽然苹果公司正式从UITextView类中删除了HTML支持,但它仍然隐藏在UIKit框架中.当希望添加简单的富文本扩展时,可以访问这项文 档中未记录的特性.显然,苹果公司希望你使用UIWebView ...

最新文章

  1. 【yolov4目标检测】(4) opencv+yolov4-tiny 实现选择性目标检测,附python完整代码
  2. 基于Java的webapp_几乎所有基于Java的web app都需要Model 2 (part II) (转)
  3. Calendar日历小程序
  4. 【Android FFMPEG 开发】Android Studio 工程配置 FFMPEG ( 动态库打包 | 头文件与函数库拷贝 | CMake 脚本配置 )
  5. c++分治法求最大最小值实现_程序员:算法导论,分治法、归并排序,伪代码和Java实现...
  6. c语言用指针两个字母交换,c语言指针基础之用指针交换两个数(代码实例)
  7. 360浏览器打不开微信的连接服务器,上午还能打开,下午360浏览器打不开微信公 – 手机爱问...
  8. CompletableFuture详解~allOf
  9. css legend框大小,CSS-如何给 legend 标签设定宽度
  10. CopyTranslator(复译)-外文辅助阅读翻译解决方案
  11. 常用正则表达式及基础语法
  12. 计算机网络军训口号,关于物联网的军训口号
  13. kaldi教程_赠书 | 全球稀缺的Kaldi学习资料,《Kaldi语音识别实战》给补上了
  14. USB设备导致xp系统蓝屏
  15. 富豪版末日避难所曝光:导弹发射井改装,内部极奢华
  16. GNU ARM汇编--(二十)总结
  17. SAP中质量检验结果的清单列表及输出功能简单分析
  18. logback-spring.xml配置详解
  19. 【jzoj4597】【现世斩】【平衡树】【set】
  20. 在Ubuntu系统上安装Windows 10(真实有效)

热门文章

  1. PTA 1042 字符统计 (c语言)
  2. java算法《丢硬币、最近点对》
  3. 当乐网CEO肖永泉:手机游戏赚钱已经不成问题
  4. Java:词频统计程序
  5. 软件测试中的AI——运用AI编写测试用例
  6. OpenSSL 修复三个新漏洞
  7. 1595. 【GDKOI训练】过路费(toll)
  8. Springboot AOP切面
  9. 使用element ui select下拉框多选,编辑状态下回显数据
  10. 读取文件错误 OSError: [Errno 22] Invalid argument: