更新记录

1.0.0（2025-05-07） 下载此版本

初次上传

平台兼容性

uni-app

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

字段说明

事件说明