高德地图进阶开发实战案例(1):webAPI坐标转换和jsAPI批量转换_高德地图js坐标转换并发数量已达上限-CSDN博客

LOCKDATAV出品，为避免断章取义走弯路，请注意环境配置和时间。

本文链接：https://blog.csdn.net/weixin_41290949/article/details/116171208

本文介绍了如何使用HTTP接口和JavaScript函数进行坐标转换，将非高德坐标（如GPS、百度、Mapbar）转换为高德坐标。通过示例展示了webAPI和AMap JS API的批量转换方法，并提供了成功转换后的数据格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

坐标转换是一类简单的HTTP接口，能够将用户输入的非高德坐标（GPS坐标、mapbar坐标、baidu坐标）转换成高德坐标。

webAPI坐标转换

JS函数封装

    /*
     * coordsys,原坐标系，可选值：gps;mapbar;baidu;autonavi(不进行转换)
     * */
    function convertPoints(points, coordsys, keys) {
        var url = "https://restapi.amap.com/v3/assistant/coordinate/convert?locations=" + points + "&coordsys=" + coordsys + "&output=json&key=" + keys;
        $.getJSON(url, function (res) {
            //console.log(res);
            $("#coords").html(res.locations);
        })
    }
    var points = "121.554586,29.813444";
    var coordsys = "baidu";
    var keys = "4d9a765939a**";

    //函数调用;
    convertPoints(points, coordsys, keys);

成功返回的数据格式

在这里插入图片描述

jsAPI批量转换

    var map = new AMap.Map('container', {
        center: [121.548181, 29.806906],
        zoom: 15
    });
    
    // 创建包含4个节点的折线及文字标注
    var path = [
        new AMap.LngLat(121.552371,29.813682),
        new AMap.LngLat(121.555713,29.812867)
    ];

    // 坐标转换
    /*
    * type用于说明是哪个服务商的坐标,可选值有：
     gps:GPS原始坐标；
     baidu：百度经纬度；
     mapbar：图吧经纬度；*/
    AMap.convertFrom(path, 'baidu', function (status, result) {
        console.log(result);
        if (result.info === 'ok') {
            var path2 = result.locations;
            polyline2 = new AMap.Polyline({
                path: path2,
                borderWeight: 2, // 线条宽度，默认为 1
                strokeColor: 'blue', // 线条颜色
                lineJoin: 'round' // 折线拐点连接处样式
            });
            map.add(polyline2);
        }
    });