js调用高德API获取所在当前城市

最新推荐文章于 2025-08-18 09:00:24 发布

转载最新推荐文章于 2025-08-18 09:00:24 发布 · 3.8k 阅读

文章标签：

#json #javascript #ViewUI

本文介绍了一种使用JavaScript通过API调用获取用户当前所在城市的方法。具体实现方式是通过Ajax发送GET请求到高德地图API，解析返回的JSON数据并显示当前城市。

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

可以在js代码中直接调用API接口，获取所处当前城市信息，代码如下：

<script type="text/javascript">
    
    function getCurrentCity(){
        $.ajax({
            type: "get",
            url: "http://webapi.amap.com/maps/ipLocation?key=608d75903d29ad471362f8c58c550daf",
            dataType: 'text',
            success: function(data) {
                //转换为JSON对象
                var jsonObj = eval("(" + data.replace('(','').replace(')','').replace(';','') + ")");
                //当前城市
                $("#cityName").html(jsonObj.city);
            }
        });
    }
    
    //页面加载获取当前所在城市信息
    $(document).ready(function(){
        getCurrentCity();
    });
</script>