uniApp获取用户位置信息两种方法

1、使用uni.chooseLocation获取用户信息

uniApp获取用户位置信息两种方法

               uni.chooseLocation({
					success: (res) => {
						console.log('位置名称:' + res.name);
						console.log('详细地址:' + res.address);
						console.log('纬度:' + res.latitude);
						console.log('经度:' + res.longitude);
					}
				});

2、运用高德获取用户信息

高德微信开发平台

高德微信的小程序key

uniApp获取用户位置信息两种方法

下载sdk  sdk下载 

uniApp获取用户位置信息两种方法 页面使用

引用sdk

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

 用 this.amapPlugin.getRegeo调用位置信息,同时也可以调取到天气信息等

import amap from '../../common/amap-wx.js';  
export default {  
    data() {  
        return {  
            amapPlugin: null,  
            key: '这里填写高德开放平台上申请的key'  
        }  
    },  
    onl oad() {  
        this.amapPlugin = new amap.AMapWX({  
            key: this.key  
        });  
       this.chooseSpot()
    }  
	methods: {
      chooseSpot(){
           this.amapPlugin.getRegeo({
					success: (data) => {
					
					}
				});

     }
    }
}

 

上一篇:vue使用高德地图


下一篇:前端项目使用高德API,创建地图,撒点,自定义标记点样式,点击点位展示信息提示窗体