结合 Planetary 和 IP 定位绘制访问者坐标

2023-02-02 16:14:10 浏览数 (1)

目标

  • 获取访问者位置,绘制在地球模型上展示出来 ~

实现思路

  • 我们已经掌握了使用 Planetary 绘制地球模型 的方法,并可以在上面绘制点响应。
  • 我们已经掌握了 根据 IP 定位坐标 的方法
  • 那么在后端根据访问 http 包头中的 IP 信息查询该 IP 地址经纬坐标
  • 将该坐标返回给 Planetary,让其绘制在地球模型上基本上就达到目的了

核心代码

  • 后端根据 IP 获取经纬度等信息:
  • flask 路由代码
  • 此时访问 该路由可以获取我自己的位置信息:
  • 前端抓取该 json 字符串并转为字典对象:
  • 向 Planetary 加入该 json 携带的信息:

效果展示

当前访问者
  • 根据访问者 IP 展示位置:
历史访问者
  • 根据历史访问者 IP 展示位置:

参考资料

  • http://planetaryjs.com/
  • https://momentjs.com/
  • https://github.com/BinaryMuse/planetary.js
  • https://blog.csdn.net/soul_sky/article/details/10702358

0 人点赞