Vue百度地图组件说明文档

简介: Vue百度地图组件说明文档

1.页面直接使用


引入


提供地区选择、关键词检索

import VueBaiduMap from '@/views/components/VueBaiduMap/index.vue

components:{VueBaiduMap}
<VueBaiduMap :styles="{height:'440px',width:'100%'}" @changeObj="change" />

//changeObj 为回调函数
@changeObj

//返回内容 包含
point //经纬度信息
city  //点-城市信息
province //点-省份信息
district  //点信息
selectRegion //完整的地址路径

2.弹窗使用


import DialogMap from '@/views/components/VueBaiduMap/DialogMap.vue

components:{DialogMap}
<DialogMap @change="change"/>

change为回调函数
//返回内容 包含
point //经纬度信息
city  //点-城市信息
province //点-省份信息
district  //点信息
selectRegion //完整的地址路径

相关文章
|
JavaScript 定位技术 API
论vue引入百度离线地图
先附上链接,下面会用到:百度地图传送门
887 0
|
5天前
|
存储 JSON JavaScript
vue整合kitymind百度脑图-引用打包文件方案
vue整合kitymind百度脑图-引用打包文件方案
29 0
|
5天前
|
存储 JavaScript 前端开发
计算机毕设-SpringBoot+VUE高效便捷的云存储平台——百度网盘
计算机毕设-SpringBoot+VUE高效便捷的云存储平台——百度网盘
|
10月前
|
资源调度 JavaScript
vue项目:集成富文本编辑器 - 百度ueditor(vue-ueditor-wrap)
vue项目:集成富文本编辑器 - 百度ueditor(vue-ueditor-wrap)
292 0
|
5天前
|
JavaScript
vue使用百度富文本
vue使用百度富文本
73 0
|
8月前
|
JavaScript 前端开发 应用服务中间件
百度搜索:蓝易云【vue项目nginx服务器部署】
以上就是 Vue 项目在 Nginx 服务器上部署的详细教程。通过这个教程,您可以学习到如何使用 Nginx 部署 Vue 项目,并使其能够在线上正常运行。
104 2
|
10月前
|
JavaScript 定位技术 API
vue项目导入百度地图API
vue项目导入百度地图API
|
数据可视化 JavaScript 定位技术
vue中使用vue-echarts引入百度地图实现数据可视化
本文主要讲解vue-echarts引入百度地图实现数据可视化,实现在项目中使用百度地图的效果
503 0
vue中使用vue-echarts引入百度地图实现数据可视化
|
JavaScript 定位技术
Vue组件通过动态绑定对象更新后子组件百度地图视图无刷新的解决方式
Vue组件通过动态绑定对象更新后子组件百度地图视图无刷新的解决方式
398 0
Vue组件通过动态绑定对象更新后子组件百度地图视图无刷新的解决方式
|
文字识别 JavaScript API
VUE 之百度OCR证件识别获取access_token详细步骤
VUE 之百度OCR证件识别获取access_token详细步骤
345 0
VUE 之百度OCR证件识别获取access_token详细步骤