记录一次足迹地图在线平台的开发 - Y.H.2HANG ' Blog

记录一次足迹地图在线平台的开发

这一切都要源于龙哥为课题组做的工作和周三下午师兄的一个想法。

事情的起因是老板让龙哥调研全国高炉的数据,龙哥做了如下html网页。然后师兄觉得这个很好,提出了旅行相册的想法并用python搓了一个demo出来。

m7qagobp.png
我觉得师兄这个想法很好,但是应该部署在网站平台上,于是就利用周四周五晚上和今天一整天的时间。用PHP+JS+H5手搓一个粗糙的平台(得益于deepseek,才能开发这么快)。先不多说,看展示。

Fig.1 登录注册界面

m7qapf5h.png

Fig.2 足迹相册首页
Fig.2(a),全球地图及当前足迹

m7qazm0z.png

Fig.2(b),已点亮的地方及点亮的时间足迹

m7qb37xp.png

Fig.2(c),点击地图上的按钮即可查看
  具体位置(精确到街道)和图片

m7qb5mo5.png
m7qbf31k.png

Fig.3,后台照片管理界面,可以看到标签,日期,地址,
  缩略图等信息,支持手动修改经纬度和地址标签。

m7qbh0km.png

Fig.4,照片上传界面,可以拖动上传多个文件。

m7qbz14a.png

目前很多手机和软件是自带这个功能的,之所以要开发
是因为很多时候手机没有办法保存所有的足迹照片,因
为可能涉及设备的更换和照片的删除等等,自己开发就
不存在上述问题。另外还有个使用场景的问题,如果是
像情侣想要记录一起探索世界的足迹,我觉得使用第三
方软件比较麻烦。

开发过程中的一些问题:

  • 1.解析照片经纬度的时候遇到了服务器拓展的问题和解析函数写错的问题,没有办法正确算出经纬度,这个问题今天上午才解决。
  • 2.地图瓦片的加载问题以及边界的问题(在官方网站找到了边界的json文件,渲染到了地图中)
  • 3.通过经纬度获取省市区地址的问题。最终通过locationiq完美解决,locationiq支持免费的API,每日免费调用5000次!!
  • 4.UI界面的美化等其他小问题。

    还存在的一些问题:

  • 1.图片并没有压缩存储或者使用CDN加速存储,这会给后期维护带来麻烦。
  • 2.代码中PHP和H5有些并没有分离,导致代码冗余。
  • 3.数据库安全性问题没有考虑完全。
  • 4.首页中的点亮城市和时间足迹并没有很好的交互,这部分后期需要完善。
  • 5.后台冗余的问题,因为是从数据表中获取的标签城市和日期,比如2024-02-02,没有对年月进行系统的分类,导致日期太多,这是由于初始建库时考虑不充分导致的,后期可以新建数据表更改上传逻辑实现。
  • 6.代码健壮性的问题,例如上传没有经纬度信息的照片时会报错,需要加一些处理,例如没有经纬度时给NULL值然后手动在后台输入经纬度。

当然,还有一些没想到的问题,总的来说这个就暂时告一段落,现在我已经没啥热情了,今天从早上十点坐到晚上十一点!过段时间再维护。有时间的话可以用大前端和主流框架实现更好的效果。

打赏
评论区
头像
    头像
    ixuqefsxar
      

    作者对主题的挖掘深入骨髓,展现了非凡的洞察力和理解力。

文章目录