vue中引入百度地图，以及解决地图出现undefined（地图未定义）

七侠剑客

于 2019-04-20 13:46:14 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：百度地图 Vue 文章标签： vue 百度地图

本文链接：https://blog.youkuaiyun.com/qq_36727756/article/details/89416478

vue中引入百度地图，以及解决地图出现undefined（地图未定义）

最近有个项目需要使用百度地图，于是自己尝试在先写个demo进行测试，主要体现在下面两种方法：
第一种方法：
在index.htm引入
在这里插入图片描述
查看其它文章发现，要在在build文件下的webpack.base.conf.js配置map，个人尝试是否配置无作用

开始实例化生成地图,创建map记得要在mounted周期内：

<template>
    <div id='MapBox'>
        <div class='baiduMap' id='mapShow'></div>
    </div>
</template>
export default {
   
   
    name:'baiduMap',
    data() {
   
   
        return{
   
   
            
        }
    },
    created(){
   
   

    },
    computed(){
   
   

    },
    mounted(){
   
   
        this.baiduMa