vue3引入百度地图(两种方法)

 首先要有百度开放平台并进行注册,不懂看这里

###

第一种方法

地图引入流程

安装vue-baidu-map-3x插件

参考官网地址:快速上手 | vue-baidu-map-3x

npm install vue-baidu-map-3x --save

在public/index.html文件中引入


创建vue文件,编写如下

元素布局

逻辑部分

样式部分

效果展示:

地图控件部分



 

效果展示:

###

第二种方法

引入流程

元素部分


逻辑部分

样式部分

效果展示:

你可能感兴趣的:(百度)