更新记录

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

使用说明

可以直接下载示例代码,里面有完整的示例

  1. pages.json 中配置 easycom

    {
    "easycom": {
    "^dshhy-(.*)": "dshhy-$1/components/dshhy-$1/dshhy-$1.vue"
    }
    }
  2. 页面中引用

    // 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>
  3. 注意事项

    • map 的 controls 使用插件目录 static 中的图片不能显示,在实际应用中请将图片放置在项目的 static 目录中
    • 获取周边位置信息时需使用地图 key,请自行到地图平台申请,该插件中使用的是高德地图api
      // javascript
      let key = '' //此处使用自己的高德地图 KEY

字段说明

字段 释义
param 传入插件参数
from:get(get模式,定位与发送),latitude:纬度 longitude: 经度
from:link(link模式,定位与导航),latitude:纬度 longitude: 经度,name:位置名称,address:位置地址

事件说明

字段 释义
backSeat 选中信息回传给父页面

隐私、权限声明

1. 本插件需要申请的系统权限列表:

获取位置权限

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问