首页 > 其他分享 >问题记录:BMap api is not loaded

问题记录:BMap api is not loaded

时间:2023-04-14 20:32:04浏览次数:55  
标签:function loadBMap script ak api BMap loaded

原因: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 = reject
      document.head.appendChild(script)
  })
}

引入这个js文件

 import { loadBMap } from './map'

之前的mounted


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

修改后 

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

标签:function,loadBMap,script,ak,api,BMap,loaded
From: https://blog.51cto.com/u_15997490/6191067

相关文章

  • BAPI_ACC_GL_POSTING_POST-创建会计凭证
    *&---------------------------------------------------------------------**&ReportZ002*&*&---------------------------------------------------------------------**&*&*&------------------------------------------------------......
  • OpenAI API
    OpenAIAPIDocumentationhttps://platform.openai.com/docs/models/overviewGPT迭代过程版本发布时间训练方案参数量是否开放接口GPT(GPT-1)2018年6月无监督学习1.17亿是GPT-22019年2月多任务学习15亿是GPT-32020年5月海量参数1,750亿......
  • 拼多多根据ID取商品详情 API接口(item_get-根据ID取商品详情)
    拼多多作为新电商开创者,致力于将娱乐社交的元素融入电商运营中,通过“社交+电商”的模式,让更多的用户带着乐趣分享实惠,享受全新的共享式购物体验。接下来我会展示该接口具体的操作步骤及说明:item_get-根据ID取商品详情公共参数公共参数请求地址:https://api-gw.onebound.......
  • React-DnD的简要使用方法与API文档
    前提它这个官方文档贼难进去,而且第一次看的时候也不太好理解,这篇文章就把一些常用的内容记下,希望能帮助到大家。本篇文章参考的是16.0.1版本npmireact-dnd1简单示例先不说具体API,来看下常用示例~1.1useDrag:让DOM允许拖拽importReactfrom'react'import{useDrag}......
  • FFmpeg API 熟悉记录,目标:播放本地MP4
    简要熟悉api之后包括解码器,编码器,输入输出文件之后,开始分析ffplay,我们知道ffplay使用的是sdl的相关库进行播放,在这里我将把sdl舍弃,移植到android平台上即可。简单手撸播放器的想法,看了几天代码和ffplay的源码分析,和ijkplayer的部分实现思路,总结来说,大致流程图比较简单,先熟......
  • API管理
    API管理包括创建和发布API、制定使用策略、控制访问权限、培养用户社区、搜集与分析使用统计数据以及报告性能等过程,通常包含API网关、开发者门户等组件。其中,API网关作为关键组件,负责处理和转发请求,同时执行安全和性能策略,而开发者门户则是一个在线平台,为开发者提供API文......
  • 品类超全的热门免费可用 API 汇总
     书籍AnAPIOfIceAndFire-冰与火之歌的API提供JSON格式的“冰与火之歌”宇宙中的所有书籍,人物,房屋的数据.无需验证身份.Node和Swift库可用.OpenLibraryBooksAPI-OpenLibrary是一个开放的,可编辑的图书馆目录,为每一本出版的图书都建立了网页. ......
  • homebrew 无法从 API 更新错误问题
    今天中午吃饭前,想看看有没有更新,于是打开终端模拟器(我用的是WezTerm),brewupdate,结果更新出了点问题大致情况就是我不能从API更新,这个特性是从homebrew进入4.0大版本才出现的,我也遵循了默认设置。然而在今天,它出错了。我以为是路由配的节点挂了,然后随手ping了一下上面......
  • popState api详解 history.pushState 案例
    popStateAPI是HTML5引入的一种浏览器历史记录相关的API。它提供了一种监听浏览器历史栈发生变化的途径,当用户通过前进/后退按钮或者其他方式改变了当前的历史状态时,该API就会触发相应的事件,开发者可以在事件处理函数中通过获取到的历史状态数据做出相应的响应。在使用popStateA......
  • rv1126 获取图像数据,实现图像裁剪、缩放、旋转【RK_MPI API接口】
    前言刚接触RK平台,目前正在学习探索阶段,欢迎朋友们一起讨论,指出文章错误和可以优化的地方;如果想参照文中描述进行编译、执行程序,请先参考阅读rv1126SDK编译和rv1126数据流;版本说明,测试使用SDK版本是2020-0912版本,文中记录的问题,可能在新版本已经解决;文中使用的接口函数,可能老版本......