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

最新推荐文章于 2025-06-27 14:23:14 发布

原创

最新推荐文章于 2025-06-27 14:23:14 发布 · 1.1w 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#vue #百度地图

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