Uniapp ---- detailed steps to obtain the longitude and latitude of the current position and other information (including applet)

uniapp---- Detailed steps to obtain the longitude and latitude of the current position （ Contains applets ）

1. Configure in the project , What I choose is Gaode map , Fill in relevant information .

2. Enter Gaode official website ：https://lbs.amap.com/upgrade#quota, Log in and register , Enter into “ Console ”.

3. open “ Application management ” -> “ My application ” page , Click on “ Create new apps ”, Fill in the content according to the prompts on the page to create an application .

4. Under application, click “ add to ” Add... To the app Key, As needed, they are Android platform 、iOS Platform application Key.

5. You also need to apply for a wechat applet key, Because my project is to develop small programs first , stay uniapp There are detailed descriptions in the official documents of ：
Reference link ：https://ask.dcloud.net.cn/article/35070 The steps of reference link are very detailed, and you can write the project directly .

import amap from '../../common/amap-wx.js';  
export default {
      
    data() {
      
        return {
      
            amapPlugin: null,  
            key: ' Gao de key',  
            addressName: '',  
            weather: {
      
                hasData: false,  
                data: []  
            }  
        }  
    },  
    onLoad() {
      
        this.amapPlugin = new amap.AMapWX({
      
            key: this.key  
        });  
    },  
    methods: {
      
        getRegeo() {
      
            uni.showLoading({
      
                title: ' Getting information '  
            });  
            this.amapPlugin.getRegeo({
      
                success: (data) => {
      
                    console.log(data)  
                    this.addressName = data[0].name;  
                    uni.hideLoading();  
                }  
            });  
        }  
    }  
}

6. When uniapp When the wechat developer tool is opened , You need to configure map related codes ：

// Development process , Need to be in unpackage>>dist>>dev>>mp-weixin>>app.json Add the following configuration to 
"permission": {
    
    "scope.userLocation": {
    
      "desc": " Your location information will be used to show the effect of the applet location interface "
    }
 }
 
// stay manifest.json Configure... In the source view of ： To configure appid And geographical location 
"mp-weixin": {
     /*  Applet specific relevance  */
		"appid": "", // Need configuration appid
		"setting": {
    
			"urlCheck": false
		},
		"usingComponents": true,
		"permission": {
    
			"scope.userLocation": {
    
				"desc": " Your location information will be used to show the effect of the applet location interface "
			}
		}
	}