# demo 原需求

闽 D12345
闽 D22345
闽 D44556

入场 弹车牌  
出场 弹车牌 费用

出场 弹跟车告警（气泡）

车辆停在停车位上 不弹

车辆在路上行驶，不弹 画出来

拥堵 某个出口拥堵，画出多辆车排队的场景，弹个拥堵的告警气泡

违章停车 ，画个车停在国道，弹个告警气泡

点击车位，可以看单个车位的监控视频（给一个图片）

点击监控相机图标，可以看监控（给一个图片或者视频）

# 需求拆解处理

## 常规场景

- 确定地图上的一个入口和出口，实现车子进场开闸和车子离场关闸
- 进阶实现多辆车来来往往

- 地图左上角实时弹框相关信息（入场 弹车牌，出场 弹车牌 费用）
- ✅ 点击车位，可以看单个车位的监控视频（给一个图片）
- 点击监控相机图标，可以看监控（给一个图片或者视频）
  参考：
  [信息弹框](https://lbs.amap.com/api/jsapi-v2/guide/overlays/infowindow)
- 绘制充电桩相关车位，车子停到充电桩，在充电时，显示电量，正在充电中，车位变颜色

- ✅ 悬浮至车子上，标题：车辆信息， 显示字段，车子款式： GTR（2022）， 入场时间，停泊时间，已停时长，累计车费，车位号，车牌号

## 拥堵场景

- ✅ 某个出口拥堵，画出多辆车排队的场景，弹个拥堵的告警气泡
  在第一辆车的上方弹框 infowindow ，标题：违规事件报警，显示 3 个字段，视频：展示一个视频，位置：A-001 附件，时间：？

## 违停场景

- 违章停车 ，画个车停在国道，弹个告警气泡
  在这辆车的上方弹框 infowindow 标题：拥堵事件报警，显示 3 个字段，视频：展示一个视频，位置：A-001 附件，时间：？

## 电动车充电场景

- 电动车车位颜色不一样
- 车子充电时，显示气泡充电中
- 车子充电进度显示，显示气泡百分比
- 车子充电完成，显示充电已完成
