微信小程序使用地图选择用户位置

小程序使用内置地图选择位置后返回至地址管理页面。
address


    
        
        
            {{addressInfo.name}}
            {{addressInfo.address}}
            {{addressInfo.latitude}}
            {{addressInfo.longitude}}
        
    


Page({
    data: {
        addressInfo: null
    },
    onShow: function () {
        console.log(this.data.addressInfo)
    },
    chooseLocation() {
        wx.navigateTo({
            url: '/pages/map/map',
        })
    }
})

map






Page({
    data: {
        mapCtx: null,
        latitude: 0,
        longitude: 0,
        markers: []
    },
    onLoad: function (options) {
    },
    onReady: function (e) {
        this.mapCtx = wx.createMapContext('map');
        this.getUserLocation()
    },
    getUserLocation: function () {
        let that = this;
        wx.getLocation({
            type: 'wgs84',
            success: function (res) {
                that.latitude = res.latitude
                that.longitude = res.longitude
                console.log(res.latitude, res.longitude)
                wx.chooseLocation({
                    latitude: res.latitude,
                    longitude: res.longitude,
                    scale: 28,
                    success: function (addressInfo) {
                        console.log(addressInfo)
                        let pages = getCurrentPages()
                        let prevPage = pages[pages.length - 2]
                        // 将位置信息传递给上一页
                        prevPage.setData({
                            addressInfo: addressInfo
                        });
                        // 返回上一页
                        wx.navigateBack({
                            delta: 1
                        })
                    }
                })
            }
        })
    }
})

微信小程序使用地图选择用户位置_第1张图片

你可能感兴趣的:(小程序,地图定位)