更新记录
1.0.0(2025-05-07) 下载此版本
初次上传
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.0 app-vue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
dshhy-map
使用说明
可以直接下载示例代码,里面有完整的示例
-
pages.json 中配置 easycom
{ "easycom": { "^dshhy-(.*)": "dshhy-$1/components/dshhy-$1/dshhy-$1.vue" } }
-
页面中引用
// template <view> // get方式,通过传入经纬度或获取当前位置经纬度,来获取周边位置信息 <dshhy-map :param="{from:'get',latitude:39.914939,longitude:116.8195}" @backSeat="backSeat"></dshhy-map> // link方式,链接方式进入页面,通过传入的经纬度信息确定地图位置,拉起系统地图进行导航 <dshhy-map :param="{from:'link',latitude:39.914939,longitude:116.8195,name:'某某科技有限公司',address:'廊坊市三河市燕郊开发区燕京总部基地'}"></dshhy-map> </view>
-
注意事项
- map 的 controls 使用插件目录 static 中的图片不能显示,在实际应用中请将图片放置在项目的 static 目录中
- 获取周边位置信息时需使用地图 key,请自行到地图平台申请,该插件中使用的是高德地图api
// javascript let key = '' //此处使用自己的高德地图 KEY
字段说明
字段 | 释义 |
---|---|
param | 传入插件参数 |
from:get(get模式,定位与发送),latitude:纬度 longitude: 经度 | |
from:link(link模式,定位与导航),latitude:纬度 longitude: 经度,name:位置名称,address:位置地址 |
事件说明
字段 | 释义 |
---|---|
backSeat | 选中信息回传给父页面 |