目标
- 获取访问者位置,绘制在地球模型上展示出来 ~
实现思路
- 我们已经掌握了使用 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