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


    我们在做移动端开发的时候,经常需要用到根据用户的 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 地址对应的城市信息

    附:接口返回结果:

  • 相关阅读:
    课程评价
    6.1-6.7 第十六周总结
    5.31 软件开发日志
    5.25-5.31 第十五周总结
    5.30 软件开发日志
    5.29 软件开发日志
    5.28 软件开发日志
    对搜狗输入法的评价
    找水王
    用户模板/用户场景
  • 原文地址:https://www.cnblogs.com/Fcode-/p/13529251.html
Copyright © 2020-2023  润新知