美文网首页
uniapp 用高德地图获取当前的坐标

uniapp 用高德地图获取当前的坐标

作者: 追逐繁星的阿忠 | 来源:发表于2020-12-14 11:28 被阅读0次
image.png

1.引入依赖的SDK

import amap from '../../common/amap-wx.js';

2.初始话控件

var amapPluginInstance = new amap.AMapWX({
        key: '该key 是在高德中申请的微信小程序key'  //该key 是在高德中申请的微信小程序key
    });

3.获取当前位置的经纬度

onLoad() {
  this.getMyLocation();
}



//高德地图
            getMyLocation(){
                //amapPluginInstance
                let _self = this;
                amapPluginInstance.getRegeo({
                    success: (res) => {
                        console.log(res);//可自己查看所需返回值取用
                        _self.address = res[0].regeocodeData.formatted_address;
                        _self.lat = res[0].latitude; //纬度
                        _self.lng = res[0].longitude; //经度
                         uni.showModal({
                            title:"高德地图坐标",
                            content:"经纬度:["+ _self.lat+","+_self.lng+"]"
                         })
                    console.log("经纬度:["+ _self.lat+","+_self.lng+"]");
                },
                fail:(data)=>{
                    console.log(data)
                }
                })
            },

相关文章

网友评论

      本文标题:uniapp 用高德地图获取当前的坐标

      本文链接:https://www.haomeiwen.com/subject/cehvgktx.html