地图可视化实践录:开篇需求计划 - 实践

本系列文章记录了笔者对于地图可视化的实践经过(经历)。此为开篇。

背景

说实话,早在3年前(2022年),就因工作需要接触GIS。起因不复杂,另一部门做的地图服务器不更新,接入的平台无法看到新数据,用户有意见,上峰要求我们内部达成。我不清楚本部门系统用到的服务为何需要另一部门负责构建和维护,只是知道技能要掌握在自己手上。虽然名义上安排了2位同事,但事情是在我头上,因此必须全方位掌握。

从利用F12看信息,到向上级反应情况,几经协调,最终的结果是:我们从零开始,重新实现原来系统的接口,这样对既有系统的入侵性最小。另外,也是因为我们拿不到人家的源码,向人家咨询也是三缄其口,要来的接口惜墨如金。此时此刻,自己掌握技术的念头更强烈了。

现在,任务已经完成了,事情已经过去了。就休题闲话,单记在做任务中用到的基础知识或未能及时研究的手艺,再发散到相关的工艺,也可作储备。也算是给这些时日做个记录。

实践原则

本次实践,更多的是手艺调研和尝试,因此,不限定语言和技术栈,鉴于自己的能力水平,一般用到golang、nodejs、js、html以及gis组件。至于那些vue、前后端分离、微服务制作、高并发等,可能不涉及到。

计划

以下是计划,列出一般地由简单到复杂。原则上不涉及后端交互,尽量使用html+js完成。

原则:除像广西轮廓外,一般地,在一个html完毕,像生成随机marker这些也是(框定范围就行)

  • 最简单的显示在线地图
  • 只显示轮廓
  • 地图瓦片素材下载(算法js代码、下载脚本,自动化)
  • 最轻松的表现离线地图
  • 离线地图,生产环境的服务须在内网,故要离线地图。地图瓦片服务器搭建(基于nginx或go)
  • 显示marker和line
  • 地图跳转(flyTo等)
  • 表现轮廓,颜色等
  • 多个地图源
  • 多个地图源+加载geojson
  • geojson设计,自定义line颜色,自定义marker图标
  • 标点(在某个位置标出信息、图案)。
  • marker点过多加载慢解除
  • 切换多个地图源,以便分析(如电子图、影像图)
  • pm自定义按钮+自定义图标 svg+base64
  • 按钮画线,保存成geojson
  • 测距
  • 与后台交互,如离线在线地图选择,图标选择,颜色选择,按钮选择
  • turf.js使用?

其它的:

  • 广西轮廓省界和市级不同颜色
posted @ 2025-08-02 09:32  yfceshi  阅读(11)  评论(0)    收藏  举报