vue项目 调用百度地图 BMap is not defined

最近项目中使用百度地图

研究了好一会,总是报错BMap is not defined

vue项目 调用百度地图 BMap is not defined

我只有一个页面需要用到地图,所以我是使用cdn引入的方式来写的,并没有像网上一些教程一样使用npm引入安装。

直接简单粗暴的根据百度地图api来写,虽然报错。那就解决报错的bug就行了。好了,下面开始说说步骤

在需要页面的处引入cdn:

我的是在</template>标签结尾后引用的

在webpack配置里module.exports中加个externals

此处依旧报错

接着,使用异步加载

新建一个map.js,里边的内

在需要页面import进来, import {map} from ‘@/map.js’

最后挂载,在css上,记得设置地图盒子宽高,不然显示不出

  百度地图生成器

  http://api.map.baidu.com/lbsapi/creatmap/index.html

        百度地图拾取坐标系统
        http://api.map.baidu.com/lbsapi/getpoint/index.html

        百度地图JavaScript API
        http://lbsyun.baidu.com/index.php?title=jspopular

未经允许不得转载:一点博客-青梅煮码-共享博客 » vue项目 调用百度地图 BMap is not defined
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏