vue如何根据ip地址获取实时当地城市、时间、天气,送大厂面经一份

  • 1.定位ip地址所在城市

    • 1.1获取使用腾讯位置API资格
  • 1.2设置授权IP

  • 1.3使用API获取IP地理位置

    • 1.3.1处理跨域问题
  • 1.3.2请求接口,获取数据

  • 2.根据获取的城市名称获取当地天气

    • 2.1引入axios
  • 2.2使用接口,获取当地天气

    • 2.2.1声明定时器
  • 2.2.2使用接口获取实时天气数据

  • 2.2.3销毁定时器

  • 3.补充

需求说明:通常我们在做一个项目时,首页需要一个模块,根据ip地址获取实时当地城市、时间、天气。因为天气的接口需要城市这个参数,因此首先需要根据ip地址获取设备所在城市,再在回调函数中调用天气的接口。

1.定位ip地址所在城市

===========================================================================

网上有很多获取位置的api,但是使用腾讯的位置服务api最好,返回的信息最全,包括经纬度,国家城市地区等。而其他绝大多数仅仅反馈了一个城市名。

1.1获取使用腾讯位置API资格


首先在https://lbs.qq.com/console/setting.html这个

  • 18
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值