更新记录

4.0.0（2024-03-25）

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

3.0.0（2024-03-23）

3.0.0

• 修复了搜索的【省、市、区】返回空的bug

2.0.0（2024-03-23）

1.0.0

• 动态配置kys
• 实现了拖动
• 实现了拖动搜索附近pois
• 实现搜索附近pois
• 实现搜索关键字
• 定位复位
• 回调【地址名称、地址详情、地址定位】

  2.0.0

• 添加了动态配置定位复位图标
• 添加了动态配置定位图标
• 添加了动态配置列表图标
• 添加了动态配置复位定位功能显示
• 回调添加了【省、市、区】
• 实现搜索附近pois
• 修复了小程序复位功能，调用实现问题
• 很多人说app和h5等用不了，给不懂配置的添加的平台怎么配置的文档
• demo下载安装按要求配置，app、微信小程序、h5都是正常运行
• 后期我会把这个组件做成uni_modules插件还会做vue3版本

平台兼容性

引入使用

import amap from '@/components/amap';

2.注册组件

components: {
    amap
},

3.使用组件--commitCheck是回调选好的地址--mapKey是高德web的key

组件使用：

    <amap @commitCheck="commitCheck" :mapKey='mapKey' :listIco='listIco' :orientationIco='orientationIco' :resettingIco='resettingIco'></amap>

属性data

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
        });
    }
}

属性说明

注意：

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

事件说明

@commitCheck 返回值 data 说明

注意：微信小程序使用

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'

其他版本地图选点如下

• 1.使用uni_modules地图选点插件请移步高德地图--地图选点uni_modules插件下载

• 2.vue3s地图选点插件有时间开发后期也会上线

• 有不懂可以

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