前端百度地图纠偏

最新推荐文章于 2024-07-22 10:56:05 发布

让我摸摸啊

最新推荐文章于 2024-07-22 10:56:05 发布

阅读量593

点赞数 1

文章标签：前端 javascript jquery

本文链接：https://blog.csdn.net/qq_44061768/article/details/124758126

版权

该博客展示了如何利用jQuery的Ajax功能从百度地图API获取经纬度坐标，并进行坐标转换。通过示例代码，解释了如何处理响应数据并执行Base64解码，将经纬度转换为可读格式。此外，还提供了多组坐标同时转换的示例。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<body>

<script>
    $.ajax({
        url:"https://api.map.baidu.com/ag/coord/convert?x=116.29563780333334&y=39.821811143333335&from=0&to=4&mode=1",
        type:"GET",
        success:function (data) {
            console.log(data)   //[{"error": 0,"x": "MTE2LjMwODEzMzcwMzE1","y": "MzkuODI5MjA2MTM4MjUz"}]
            console.log(decode64(data[0].x))//116.30813370315
            console.log(decode64(data[0].y))//39.829206138253
        },
        dataType : "jsonp"
    });
    var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
    function decode64(input) {
        var output = "";
        var chr1, chr2, chr3 = "";
        var enc1, enc2, enc3, enc4 = "";
        var i = 0;
        if (input.length % 4 != 0) {
            return "";
        }
        var base64test = /[^A-Za-z0-9\+\/\=]/g;
        if (base64test.exec(input)) {
            return "";
        }
        do {
            enc1 = keyStr.indexOf(input.charAt(i++));
            enc2 = keyStr.indexOf(input.charAt(i++));
            enc3 = keyStr.indexOf(input.charAt(i++));
            enc4 = keyStr.indexOf(input.charAt(i++));
            chr1 = (enc1 << 2) | (enc2 >> 4);
            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
            chr3 = ((enc3 & 3) << 6) | enc4;
            output = output + String.fromCharCode(chr1);
            if (enc3 != 64) {
                output += String.fromCharCode(chr2);
            }
            if (enc4 != 64) {
                output += String.fromCharCode(chr3);
            }
            chr1 = chr2 = chr3 = "";
            enc1 = enc2 = enc3 = enc4 = "";
        } while (i < input.length);
        return output;
    }

</script>
</body>
</html>