uniapp は緯度と経度を分析して現在位置情報を取得する小さなプログラムを開発します (Gaode Map 3)

選択された Gaode マップの位置

Gaodeマップ公式サイト

プログラムの小さなステップは次のとおりです。

     1.まずアプリケーションを作成します

      2. [キーの追加] ボタンをクリックして、ミニ プログラム キーを申請します。

        3. 次に、WeChat ミニ プログラム SDK をダウンロードします: WeChat ミニ プログラム SDK

        4. ダウンロードした SDK をパブリック ファイルに置きます。ここでは utils ファイル ディレクトリに置きます。

         5. ページを使用してこのメ​​ソッドをインポートします

	// 引入高德地图sdk
	import amap from '@/utils/amap-wx.130.js';

        6. すべての AutoNavi マップはアプレットの現在の位置コードを取得します。

import amap from '@/utils/amap-wx.130.js';  
export default {  
    data() {  
        return {  
            amapPlugin: null,  
            key: '高德key',  
            addressName: '',  
            weather: {  
                hasData: false,  
                data: []  
            }  
        }  
    },  
    onLoad() {  
        this.amapPlugin = new amap.AMapWX({  
            key: this.key  
        });  
    },  
    methods: {  
        getRegeo() {  
            uni.showLoading({  
                title: '获取信息中'  
            });  
            this.amapPlugin.getRegeo({  
                success: (data) => {  
                    console.log(data)  
                    this.addressName = data[0].name;  
                    uni.hideLoading();  
                }  
            });  
        }  
    }  
}

全体として、AutoNavi Maps の呼び出し方法は Tencent Maps の呼び出し方法よりも便利ですが、それぞれに異なる利点があり、どちらを使用するかは自分のニーズと会社のメイン アカウントによって異なります。！！

Tencent Map は前の記事を呼び出します