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

偏执的太偏执、 2022-05-13 07:46 1424阅读 0赞

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

# #

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

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

2、运行结果如下：

![70][]

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

1、HttpClient工具类封装：[ 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.csdn.net/download/haha\_sir/10659773][https_download.csdn.net_download_haha_sir_10659773]

[70]: /images/20220513/b2a7fb7f966546908375d832ab707ef1.png
[HttpClient]: https://blog.csdn.net/HaHa_Sir/article/details/79402839
[https_download.csdn.net_download_haha_sir_10659773]: https://download.csdn.net/download/haha_sir/10659773