[web]获取用户当前所在城市


获取用户当前所在城市

目录
  • 获取用户当前所在城市
    • 1. 引入百度地图api
    • 2. 搜狐api

打开京东,淘宝等网站会自动定位自己所在城市,如何实现呢? 下面介绍两种方案.

image-20201127151201628

1. 引入百度地图api

方法如下:

1. 引入百度地图api


2.在js文件中当前获取城市

            var map = new BMap.Map("container");
            var nowCity = new BMap.LocalCity();
            nowCity.get(bdGetPosition);
            function bdGetPosition(result){
            var cityName = result.name; //当前的城市名
         }
 var map = new BMap.Map("cart");

创建地址实例

 var nowCity = new BMap.LocalCity();

LocalCity这个类是利用用户IP地址去百度数据库里查询得到IP所在的城市

3.百度地图开放平台申请为百度地图开发者.申请自己的AK

image-20201127150936528

http://lbsyun.baidu.com/

4. 完整案例

 
 
  
  
 获取用户地理位置 
  
  
  
 



2. 搜狐api

1.引入搜狐api

https://pv.sohu.com/cityjson?ie=utf-8

2.在js中获取当前城市

变量 returnCitySN 即是api的返回值返回的内容格式为json:

# 直接ajax解析json就可得到自己IP所在的城市位置
var returnCitySN = {"cip": "61.135.1.100", "cid": "110000", "cname": "北京市"};