獲取SDK

首先在高德開放平臺，註冊賬號並且申請相關的 key 等資訊；
然後下載它的微信小程式版 SDK：微信小程式 SDK。https://lbs.amap.com/api/wx/download

APP：然後填寫app包名，申請原生sdk的appkey資訊，但不需要下載原生sdk。注意：App側在Android中使用定位，或者Android、iOS使用地圖，仍然需要同時向高德申請原生sdk的key資訊，填寫在manifest的app sdk配置中。

新建一個 uni-app 專案，新建一個 common 目錄，然後將前面下載得到的 amap-wx.js 的檔案複製進去。

Tip：這個 common 目錄只是舉例，並非強制約定。但是，不要放在 static 目錄下。

引入SDK

新建的 uni-app 預設會有一個 index 頁，在 index.vue 中，引入高德小程式 SDK。

import amap from '../../common/amap-wx.js';  
export default {  
}

在 onLoad 中初始化一個高德小程式 SDK 的例項物件。

import amap from '../../common/amap-wx.js';  
export default {  
    data() {  
        return {  
            amapPlugin: null,  
            key: 
 
'這裡填寫高德開放平臺上申請的key'  
        }  
    },  
    onLoad() {  
        this.amapPlugin = new amap.AMapWX({  
            key: this.key  
        });  
    }  
}

使用API

利用高德小程式 SDK，獲取當前位置地址資訊，以及當前位置的天氣情況。

import amap from '../../common/amap-wx.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();  
                }  
            });  
        }  
    }  
}

其它 SDK

高德小程式 SDK 類似輔助工具庫，使用時在需要的頁面中引入即可。

還有一種 SDK 比如阿拉丁、諸葛IO等統計類的 SDK 需要全域性引入。小程式是在 app.js 中 引入。在 uni-app 中，則是在 main.js 中引入。

示例

附件中有完整的示例，下載後解壓拖進 HBuilderX，填寫申請的高德 key 後即可執行體驗。

如果大家在使用微信小程式的第三方 SDK 時遇到問題，請在社群單獨發帖描述清楚問題，並一定附上專案原始碼，方便我們測試，感謝配合。

原文地址：https://ask.dcloud.net.cn/article/35070

小程式內使用高德地圖，為什麼只有在除錯狀態下才能正常顯示地圖，釋出後不顯示呢？

去高德開放平臺的文件看一下，登入微信公眾平臺，在 "設定"－>"開發設定" 中設定 request 合法域名，將 https://restapi.amap.com 中新增進去就可以了