当前位置：首页 > uni-app

uniapp地理编码

2026-02-06 00:13:14uni-app

uniapp地理编码实现方法

uniapp可以通过调用第三方地图服务API或使用uni-app内置的API实现地理编码功能。地理编码指将地址信息转换为经纬度坐标，逆地理编码则是将经纬度转换为地址信息。

使用高德地图API

在manifest.json中配置高德地图的AppKey：

"app-plus": {
    "maps": {
        "amap": {
            "key": "你的高德地图Key"
        }
    }
}

前端代码实现地理编码：

uniapp地理编码

// 地理编码（地址转坐标）
function geocode(address) {
    return new Promise((resolve, reject) => {
        uni.chooseLocation({
            success: res => {
                resolve({
                    latitude: res.latitude,
                    longitude: res.longitude
                });
            },
            fail: err => {
                reject(err);
            }
        });
    });
}

使用uni-app内置API

uniapp提供了获取位置的API，可以获取设备当前位置：

uni.getLocation({
    type: 'wgs84',
    success: function (res) {
        console.log('当前位置纬度：' + res.latitude);
        console.log('当前位置经度：' + res.longitude);
    }
});

逆地理编码实现

通过高德地图实现逆地理编码（坐标转地址）：

uniapp地理编码

function reverseGeocode(latitude, longitude) {
    return new Promise((resolve, reject) => {
        var maps = require('@/common/amap-wx.js');
        var map = new maps.AMapWX({
            key: '你的高德地图Key'
        });
        map.getRegeo({
            location: `${longitude},${latitude}`,
            success: (data) => {
                resolve(data[0].name);
            },
            fail: (err) => {
                reject(err);
            }
        });
    });
}

使用腾讯地图API

在manifest.json中配置腾讯地图：

"app-plus": {
    "maps": {
        "qqmap": {
            "key": "你的腾讯地图Key"
        }
    }
}

地理编码示例：

const qqmapsdk = new qqMap({
    key: '你的腾讯地图Key'
});

qqmapsdk.geocoder({
    address: '北京市海淀区',
    success: function(res) {
        console.log(res.result.location);
    },
    fail: function(res) {
        console.log(res);
    }
});