使用uni-app 地圖組件

首先，官方文檔：https://uniapp.dcloud.io/component/map.html

so，easy

但是沒什么用~——~，太簡單了

uni-app一般內置的使用的是騰訊地圖，這個組件使用的地圖也是一樣的

很坑爹的是，我們看到的地圖是

{功能：

帶自動定位的

解析地址的

文字性質的

可以查找，篩選的

}

對你沒有猜錯，這些內容統統沒有

但是，這些可以自己做，通過uni-app提供的接口，以及混合使用第三方的接口去實現

就比如，封裝好的代碼，使用高德地圖的api進行逆向的地址解析

   為啥是逆向的尼？

   因為getlocation()這個函數只能獲取經緯度，也就是我們一般定義的latitude和longitude

getRegeo() {
        this.mapContext = uni.createMapContext('map');
        this.mapContext.moveToLocation(); 
                       //moveToLocation將地圖中心移動到當前位置
        var that = this
        uni.showLoading({
                    title: '獲取信息中'
                });
                uni.hideLoading()
                this.amapPlugin.getRegeo({
                    success: (data) => {
                        that.address.name = data[0].name;
                        console.log(data)
                    },
                    fail: (err) => {
                        console.log(err)
                    }
                });
                uni.getLocation({
                    type: 'gcj02',
                    geocode: true,
                    success(res) {
                        this.latitude = res.latitude
                        this.longitude = res.longitude
                    }
                })
            },

上面的自動對齊一下格式哈

里面的數據部分，就直接寫到return里面就好啦~

latitude的值          //切記一定要賦值，方便在后面使用marker屬性

longitude的值       //同上

還有adress，你可以寫成boject的形式，里面直接包含一個name就可以了

調用方便，這個地址的逆向解析就先做到這里啦~

存在的幾個問題：

1、上面view部分要調用<map>,直接看官方的文檔就可以了

2、使用高德地圖接口的時候，要注冊高德的開發者，還有文檔的配置工作，這些直接百度就好，都有的

hey~還看？你總不可能什么都讓我來告訴你吧，去開發吧