腾讯地图api如何根据地址获取经纬度

本文介绍如何使用腾讯地图API通过GET请求获取指定地址的经纬度,提供示例代码和关键步骤,适用于快速定位地理位置。

腾讯地图api如何根据地址获取经纬度

/**
     * 根据地址得到经纬度  //GET请求
     */
    @GetMapping("tencentGetLatLngBy/{address}")
    public RestResponse tencentGetLatLngBy(@PathVariable String address) {
        String url = "https://apis.map.qq.com/ws/geocoder/v1/?address=" + address + "&key=xxxxx-5IBUP";
        //链式构建请求
        String body = HttpRequest.get(url)
                .timeout(10000)//超时,毫秒
                .execute().body();
        VoLatLng voLatLng = JSONUtil.toBean(body, VoLatLng.class);
        Console.log(voLatLng);
        return RestResponse.success(voLatLng);
    }

key填写自己申请的key即可

### 实现 UniApp 中通过地址名称获取经纬度 在 UniApp 应用程序中,可以利用腾讯地图 API 的地理编码功能来实现根据地点名称获取对应的经纬度。此操作通常涉及两个主要部分:初始化腾讯地图 SDK 和调用地理编码接口。 #### 初始化腾讯地图 SDK 确保已经在项目中集成了腾讯地图插件或 SDK[^3]。对于 H5 平台来说,可以直接引入相应的 JavaScript 文件;而对于 APP 端,则可能需要按照官方文档说明完成特定平台上的配置工作。 #### 地理编码请求示例 下面是一个简单的例子,展示了如何使用 `qqmapsdk.geocoder` 方法来进行逆向地理编码(即由地址转为坐标)。需要注意的是,在实际开发过程中应当替换掉其中的密钥 (`your_key`) 为你自己申请的有效 key。 ```javascript // 引入腾讯地图插件 import QQMapWX from 'path_to_qqmap-wx-jssdk.min.js'; let qqmapsdk; export default { data() { return { address: "深圳市南山区科技园", latitude: "", longitude: "" } }, onLoad() { // 实例化API核心类 qqmapsdk = new QQMapWX({ key: 'your_key' // 替换成自己的key }); this.getAddressInfo(); }, methods: { getAddressInfo(){ const that = this; // 调用geocoder方法转换地址经纬度 qqmapsdk.geocoder({ address: that.address, success(res){ console.log('success', res); let result = res.result.location; that.latitude = result.lat; that.longitude = result.lng; // 输出结果 console.info(`经度:${that.longitude},纬度:${that.latitude}`); }, fail(err){ console.error('fail', err); } }) } } } ``` 上述代码片段实现了当页面加载时自动执行一次地理位置查询,并打印出所给定地址对应的经纬度信息[^1]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值