更新记录

2.0.0(2024-03-25)

  • 修复--定位复位不搜索附件地址

1.0.0(2024-03-23)

  • 实现了拖动
  • 实现了拖动搜索附近pois
  • 实现搜索附近pois
  • 实现搜索关键字
  • 定位复位
  • 动态配置复位定位功能显示
  • 回调【地址名称、地址详情、地址定位、省、市、区】
  • 动态配置key
  • 动态配置定位复位图标
  • 动态配置定位图标
  • 动态配置列表图标

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× ×

使用

1.<template>

<map-Point @commitCheck="commitCheck" :mapKey='mapKey' :showResetting='showResetting' :listIco='listIco' :orientationIco='orientationIco' :resettingIco='resettingIco'></map-Point>

2.<script>

export default {
    data() {
        return {
            mapKey:'737965f92c797efb5447a4d658328513',
            address: '',
            latitude: '',
            longitude: '',
            listIco:'https://mp-6a7d27e4-49d1-42f7-b4bc-37bc5964c0a8.cdn.bspapp.com/item-inx.png',
            orientationIco:'https://mp-6a7d27e4-49d1-42f7-b4bc-37bc5964c0a8.cdn.bspapp.com/map-inx.png',
            resettingIco:"https://mp-6a7d27e4-49d1-42f7-b4bc-37bc5964c0a8.cdn.bspapp.com/position.png",
            showResetting:true
        };
    },
    methods: {
        commitCheck(e) {
            console.log(e, 565);
            uni.$emit('commitCheck', e);
            uni.navigateBack({
                delta: 1
            });
        }
    }
};

属性说明

属性名 类型 默认值 说明
mapKey String " " 高德Web服务Key必须传
resettingIco String base64 定位复位图标--图标必传--app不支持base64
orientationIco String base64 定位图标--图标必传--app不支持base64
listIco String base64 列表图标--图标必传--app不支持base64
showResetting Boolean true 复位定位功能显示

注意:

  1. mapKey的高德Web服务Key是我的个人注册测试使用的,使用次数有限,大家换成自己的

事件说明

事件名 说明 返回值
@commitCheck 选中地址的确认地址回调 data,详情见下方说明

@commitCheck 返回值 data 说明

类型 说明
id String 地址id
name String 地点名称
address String 地点详细地址
province String
city String
district String
location String 经纬度坐标

注意:微信小程序使用

1.运行微信小程序使用--在【manifest.json】配置自己的微信小程序appid

2.在manifest.json中声明定位
             /* 小程序特有相关 */
        "mp-weixin" : {
            "appid" : "",
            "setting" : {
                "urlCheck" : false,
                "es6" : true,
                "postcss" : true,
                "minified" : true
            },
            "usingComponents" : true,
            "permission" : {
                "scope.userLocation" : {
                    "desc" : "定位"
                }
            },
            "requiredPrivateInfos" : [
                "getLocation", //使用uni.getlocation才需声明
                "startLocationUpdate", //必要
                "onLocationChange" //必要
            ]
        },

注意:h5使用

  • 1.h5使用 必须去高德申请Web端的ksy和密钥
  • 2.然后再【manifest.json】配置定位地图 1.选择高德 2.把申请的web的key配置在key那里 3.把申请的web的秘钥配置在securityJsCode那里 4.运行
  • 3.注意:去高德开发申请网站区申请 可以使用我的测试key配置体验--注意是测试有次数限制,尽量用自己的 key:'6fd9d6c8b1015a6d9f9454d5df596a0f' code:'dc3a5f4976a6b06d3cf3ab280f672a17'

有不懂可以

有任何疑问可以  加qq1848961270  备注插件名称

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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