gis_monitor产品系统Vibe Coding

本项目属于地理信息系统（GIS）与安防监控交叉领域，定位于园区、厂区、营业场所等封闭或半封闭区域的人员与车辆定位监控业务。此类场景的普遍痛点是：来访人员与进出场车辆的信息以纸质台账或分散表格记录，位置数据缺乏空间化呈现，管理者无法在地图上直观掌握“人在哪、车在哪、来做什么”，一旦需要核查某个人员或车辆的活动位置，往往要翻查多处记录、效率低下且容易遗漏。GIS 人车监控系统（gis_monitor）正是针对这一痛点立项：以统一的 Web GIS 平台承载人员与车辆两类监控对象，将身份信息、到访目的与实时经纬度坐标集中管理，并在电子地图上以差异化标记实时展示、支持检索定位，实现“信息一张表、位置一张图”的监控管理闭环，为区域安防值守、访客管理与车辆调度监管提供可视化数据支撑。

~系统由地图可视化与人员、车辆两条业务线构成，主要功能模块如下：
1.地图可视化：基于天地图 WMTS 瓦片服务与 Leaflet 构建电子地图，人员、车辆使用两类自定义图标标记区分展示，点击标记弹出详情浮窗，鼠标移动实时显示所指坐标。
2.人员监控：对人员（姓名、性别、联系电话、到访目的、经纬度坐标）进行添加、编辑、删除与列表管理，列表条目与地图标记双向联动，悬停或点击列表可高亮对应标记并将地图缩放定位至其位置。
3.车辆监控：对车辆（车牌号码、驾驶员姓名、联系电话、到访目的、经纬度坐标）进行增删改查与列表管理，交互方式与人员监控一致。
4.实时位置刷新：前端每 5 秒轮询后端接口，对已有标记做增量位移更新，配合后端位置模拟器实现监控对象在地图上的动态移动效果。
5.搜索定位：在搜索框中按姓名或车牌关键字检索，命中后自动切换对应监控页签、地图缩放定位并高亮目标标记。
6.数据校验与管理后台：手机号、车牌号、经纬度取值在前后端双重校验；同时保留 Django Admin 管理后台，便于管理员直接维护数据。

我独立完成了该系统从数据模型设计、接口开发到前端地图实现与部署运行的全部工作。后端基于 Django 5.2 + Django REST Framework 构建：设计人员、车辆两张监控数据模型，编写 ModelSerializer 并在序列化器层实现字段级校验——中国大陆手机号正则校验、覆盖普通/大型汽车及挂学警港澳等特殊号牌的车牌正则校验、纬度 ±90 与经度 ±180 的坐标范围校验；通过 DefaultRouter 自动生成 /api/persons、/api/vehicles 两组标准 RESTful 接口。我还编写了 Django 自定义管理命令 position simulator，以固定周期对全部监控对象坐标施加小幅随机扰动，模拟 GPS 定位漂移，为系统提供可演示的动态数据源。前端以原生 HTML/CSS/JavaScript 编写 1500 余行单页应用，集成天地图 WMTS 矢量与注记双层瓦片、Leaflet 地图引擎，实现自定义 divIcon 标记渲染、5 秒轮询下的标记增量位移（避免整图重绘闪烁）、列表—地图双向联动高亮、关键字搜索定位及人员/车辆表单的增删改查；配置 CORS 白名单支持局域网多终端访问。实现难点集中在轮询刷新时既有标记的复用与增量更新、列表与地图的状态同步，以及车牌等业务规则校验的严谨性上，均已解决。