当前位置 博文首页 > 文章内容

    JS 根据IP地址定位城市 | 使用百度地图API

    作者: 栏目:未分类 时间:2020-08-19 16:00:44

    本站于2023年9月4日。收到“大连君*****咨询有限公司”通知
    说我们IIS7站长博客,有一篇博文用了他们的图片。
    要求我们给他们一张图片6000元。要不然法院告我们

    为避免不必要的麻烦,IIS7站长博客,全站内容图片下架、并积极应诉
    博文内容全部不再显示,请需要相关资讯的站长朋友到必应搜索。谢谢!

    另祝:版权碰瓷诈骗团伙,早日弃暗投明。

    相关新闻:借版权之名、行诈骗之实,周某因犯诈骗罪被判处有期徒刑十一年六个月

    叹!百花齐放的时代,渐行渐远!



    我们在做移动端开发的时候,经常需要用到根据用户的IP地址,来自动定位用户所在的城市。

    在这里将demo记录下来,分享给大家,主要调用百度地图API。

    后端框架:node.js

     

    调用的百度地图api接口:

    http://api.map.baidu.com/location/ip?ak=您的AK&ip=您的IP&coor=bd09ll   // HTTP协议 
    
    https://api.map.baidu.com/location/ip?ak=您的AK&ip=您的IP&coor=bd09ll   // HTTPS协议

     

    1. npm安装request、querystring:

    npm install request
    
    npm install querystring

     

    2. 封装成函数

    // ip 定位城市 | 使用百度地图 API
    ipLocation(clientIp) {
      let basicuri = 'http://api.map.baidu.com/location/ip?';
        
      const baiduMapParams = {
        ip: clientIp,
        ak: '...'  //注册百度地图开放平台即可得到AK(开发密钥)
      };
      let queryData = querystring.stringify(baiduMapParams);
    
      let queryUrl = basicuri + queryData;
    
      return new Promise((resolve, reject) => {
        request(queryUrl, function(error, response, body) {
          if (!error && response.statusCode == 200) {
            // 解析接口返回的JSON内容
            let newBody = JSON.parse(body);
            resolve(newBody);
          } else {
            reject({ code: -1, err_msg: 'ip 定位请求异常' });
          }
        });
      });
    }

     

    3. 返回的数据中得到 城市字段:

    const locationData = await tools.ipLocation(clientIp); //方法封装在tools类中
    
    const locCity = locationData.content.address_detail.city;

    locCity即为ip地址对应的城市信息

     

    附:接口返回结果: