中安日报

# 周报格式参考

# 工作周报（5.11–5.15）

湖北省重型柴油车宏观监测系统

完成 OBD 篡改记录联调测试，集中地增加默认时间
完成免检评估页面、黑名单进出流量页面开发；区域不分进出流量报表页面修改

江苏省宏观监测平台

解决内网代理高德地图问题
完成卫星地图相关域名匹配

环科院项目

高德 OD 双向流线图参考示例开发中

# 项目定义

A: 金山二区入园预约平台
B: 江苏省宏观监测平台
C: 北京市环境测中心
D: 湖北省重型柴油车宏观监测系统
E: 环科院项目

# 日报

# 4.20

项目代号	开发时间	任务描述
A	1h	修复组件引用路径为绝对路径，增加项目 README
A	1h	工程车禁止跳转预约界面
A	4h	增加挂车车牌字段
A	2h	预约管理页面加载优化

# 4.21

项目代号	开发时间	任务描述
A	4h	增加常驻车拦截
A	1h	优化拦截弹窗样式
A	3h	测试并发测试版

# 4.22

项目代号	开发时间	任务描述
B	1h	参加江苏移动源污染会议
B	4h	熟悉项目，学习高德 loca 接口用法
B	3h	新增路网排放分析静态页面

# 4.23

项目代号	开发时间	任务描述
B	4h	实现路网分析页面效果，增加项目 README
B	4h	接口数据对接联调

# 4.24

项目代号	开发时间	任务描述
B	4h	路网排放分析列表虚拟化，地图懒加载
B	4h	测试交互，根据实际数据调整色卡图例

# 4.27

项目代号	开发时间	任务描述
A	1h	金山新需求会议
B	4h	江苏 gitlab 自动化部署
C	1h	二部新的需求会议（北京环境检测平台）
A	2h	调研 base64 图片小程序兼容性

# 4.28

项目代号	开发时间	任务描述
C	1h	解决 README 冲突
C	7h	熟悉项目

# 4.29

项目代号	开发时间	任务描述
B	2h	补充 vitest 组件测试
C	6h	熟悉项目

# 4.30

项目代号	开发时间	任务描述
A	4h	新需求静态页面开发
C	4h	接口联调渲染

# 5.6

项目代号	开发时间	任务描述
A	6h	页面开发测试
C	2h	熟悉项目

# 5.7

项目代号	开发时间	任务描述
A	3h	请假
C	5h	熟悉项目

# 5.8

项目代号	开发时间	任务描述
D	3h	搭建环境熟悉项目
D	5h	OBD 篡改记录页面优化

# 5.9

项目代号	开发时间	任务描述
D	3h	进出流量报表合并页面开发
D	5h	进出流量报表合并联调

# 四月

# 金山二区入园预约平台

完成老项目修复、字段新增、拦截功能、页面优化、兼容性适配全部上线

# 江苏省宏观监测平台

完成路网分析页面开发、接口联调、GitLab 自动化部署、组件测试

# 北京市环境检测平台

熟悉项目、解决文档冲突

# 五月

# 金山二区入园预约平台

完成非机动车相关新需求页面开发、联调与全量测试

# 北京市环境检测平台

深化项目熟悉度、可快速承接项目

金山二区入园预约平台：
1、完成新需求页面开发与全量测试；

北京市环境检测平台：
1、熟悉项目代码与业务逻辑，现已可快速承接项目任务；

湖北省重型柴油车宏观监测系统（湖北OBD）：
1、搭建开发环境并完成项目熟悉；
2、优化OBD篡改记录功能，提升页面可读性；

1
2
3
4
5
6
7
8
9

# 5.11

项目代号	开发时间	任务描述
D	3h	OBD 篡改记录联调测试
D	1h	集中地增加默认时间
D	4h	免检评估页面开发

# 5.12

项目代号	开发时间	任务描述
D	4h	黑名单流量页面
D	4h	免检评估页面

# 5.13

项目代号	开发时间	任务描述
B	7h	内网代理高德问题
D	1h	黑名单页面

# 5.14

项目代号	开发时间	任务描述
D	4h	联调测试
B	1	卫星地图相关域名匹配
E	3h	高德 OD 双向流线图

# 5.15

项目代号	开发时间	任务描述
E	8h	高德 OD 双向流线图

# 5.18/5.19/

项目代号	开发时间	任务描述
E	8h	高德 OD 双向流线图

# 5.20

项目代号	开发时间	任务描述
E	1h	Tooltip 无法显示的问题
E	3h	Angular 9 旧版环境中使用现代 deck.gl 库可能引发的打包构建问题
E	4h	优化方案

# 5.21

项目代号	开发时间	任务描述
D	2h	车辆免检导出联调测试
E	3h	Angular 9 旧版环境中使用现代 deck.gl 库可能引发的打包构建问题
E	4h	优化方案

# 5.22

项目代号	开发时间	任务描述
B	3h	环保监控中心页面
D	1h	增加默认时间
B	4h	非道路机械监测中心页面

1、选择物质类型，地图中的OD产生变化，右侧的图也变为一个物质类型
2、选择区，地图中该区域高亮显示，图表变为某个区的物质堆积
3、选择行业时，相应重点企业多家的围栏显示在地图中
4、点击企业围栏后显示该企业主要进出物质堆积图（分进出两个柱子）
 选项选择后地图和图表相应变化

http://192.200.125.150:3000/amapproxy/maps?callback=




https://flowmap.gl/


MarkerCluster 点聚合
PulseLinkLayer 画线
使用高性能的 simplify-js 库
https://github.com/ni1o1/ODview/tree/main


https://ravenpeng4893.github.io/TheODview/data/flows.json
[ {
        "origin": "121.31147245197633,31.196096984908493",
        "dest": "121.34294779082376,31.142137722431418",
        "count": 12
    }]

https://ravenpeng4893.github.io/TheODview/data/locations.json
[{
        "id": "121.23802999466565,31.016232776651577",
        "count": 689,
        "lon": 121.23802999466565,
        "lat": 31.016232776651577
    }]

GLCustomLayer 自定义图层

高德（GCJ-02）  Deck.gl（WGS-84）


116.397313,39.917714

116.402421,39.937147

116.482749,39.943751

116.411359,39.884605

115.999949,39.880784


上海

121.473667,31.230525

121.416628,31.219134

121.400759,31.224562

121.476458,31.182081

npm install @flowmap.gl/data@^8.0.3 @flowmap.gl/layers@^8.0.3 coordtransform@^2.1.2 deck.gl@^8.9.36


选择区，地图中该区域高亮显示，图标变成该区域的物质堆积

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

{"pageNumber":1,"pageSize":30,"startDate":"2025-05-01","endDate":"2026-06-01"}



{"pageNumber":1,"pageSize":30,"startDate":"2025-04-30","endDate":"2026-04-01"}
{"pageNumber":1,"pageSize":30,"startDate":"2026-04-01","endDate":"2026-06-01"}

{"pageNumber":1,"pageSize":30,"startDate":"2026-04-03","endDate":"2026-06-05"}

1
2
3
4
5
6
7
8

编辑

上次更新: 2026/05/22, 3:05:00

← 内网高德地图代理问题高德+deck坐标系与投影集成技术→