前端使用js根据ip地址获取城市地理位置

最新推荐文章于 2025-09-14 11:31:34 发布

原创最新推荐文章于 2025-09-14 11:31:34 发布 · 1.4w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#js获取地址位置 #js获取省份城市信息 #js根据ip获取城市区域编码 #java web获取访问用户所在城市 #java获取用户城市地理位置

Java 专栏收录该内容

171 篇文章

订阅专栏

本文介绍如何使用前端JavaScript和后端Java通过IP地址获取访问者的地理位置信息，包括城市名称和区域编码。前端部分展示了如何在HTML页面中利用Sohu提供的API显示访问者的位置信息。后端部分则通过HttpClient工具类实现跨域请求，获取并解析JSON格式的位置数据。

前端使用js根据ip地址获取城市地理位置

一、使用js根据ip获取地址位置

1、在html页面，加入如下代码：

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
    var cityCode=returnCitySN.cid;
    document.write('<hr><br><h1> 老铁位置：'+JSON.stringify(returnCitySN)+'</h1>');
</script>

2、运行结果如下：

二、java服务端根据访问ip获取地址位置

1、HttpClient工具类封装： HttpClient实现服务端跨域

2、测试代码：

/**
* description: 使用HttpClient 获取访问用户地理位置
* @version v1.0
* @author w
* @date 2018年9月11日下午3:53:25
*/
public class Location {
    public static void main(String[] args) throws ClientProtocolException, IOException {
        String url="http://pv.sohu.com/cityjson?ie=utf-8";
        String info = HttpClientUtils.doGet(url);
        System.out.println(info);
    }
}

3、执行结果 json串：

var returnCitySN = {"cip": "13.1x3.14x.2x", "cid": "110000", "cname": "北京市"};

4、验证结果：百度，输入 ip ，对比执行结果。

5、放在web项目中，可获取访问用户的ip地址，所在城市，和所在城市区域编码。

三、源码下载

1、 https://download.youkuaiyun.com/download/haha_sir/10659773