# task6 **Repository Path**: classic-development/task6 ## Basic Information - **Project Name**: task6 - **Description**: 实习题目6,务必一个人完成,有能力的可以看看但不要push,请提交issue - **Primary Language**: JavaScript - **License**: AGPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-03-16 - **Last Updated**: 2022-05-25 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # task6 #### 介绍 实习题目6,务必一个人完成,有能力的可以看看但不要push,请提交issue #### 软件架构 软件架构说明 (1) 地图显示:以在IGServer上发布的矢量地图文档(热力图人流量.mapx)或自己制作商场底图数据(造点、线、区)的数据为底图(加分项),实现地图的的显示; (2) 实现地图的基本操作(放大、缩小、平移、复位、全屏显示); (3) 使用热力图展示商场客流的变化情况; (4) 热力图节点展示:制定一个时间轴,以整点为时间轴上的节点,用户可以点选节点,地图根据点选的时间展示该楼层该时间的客流情况。(展示4个时间节点的人流即可); (5) 时间轴动画:时间轴上包含播放/暂停按钮,用户点击播放按钮,时间轴自动滑动,动态展示该商场9点、13点、17点、21点之间的所有客流变化情况。点击暂停,则停止时间轴动画; (6) 统计功能:用统计图展示商场客流全天的变化情况。 **初步决定前端使用OpenLayers完成对WMS服务的调用** **最终决定自己制作数据,由前端读取** ![Image description](https://images.gitee.com/uploads/images/2021/0330/234247_069d7733_8173929.jpeg "QQ截图20210330234029.jpg") #### 功能设计与操作说明 在默认页面中,左上角一次是默认的地图缩放、测量控件,右上角是统计窗、全屏按钮、回归按钮,左下角有比例尺控件。控制数据可视化的控件(TimeSlider)在底部,可以点击左边的开始按钮自动播放进度,可以拖动滑条控制显示的时间跨度(在该时间跨度内的数据参数会在统计窗中显示)。 #### 安装教程 1. xxxx 2. xxxx 3. xxxx #### 使用说明 1. 进入页面初始界面,左上角分布基础地图操作控件(缩放、回归默认方向、面积测量),右上角分布统计窗、全屏按钮、回归默认视图控件; 2. 实现渲染点位随时间变化的控件(时间滑条)在底部,用户可以通过拖动滑条两个端点来观察点位变化,也可以点击左边的自动播放按钮以一定的速率自动播放;当前渲染数据在统计窗中会有体现。 3. xxxx #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request #### 特技 1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md 2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com) 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目 4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目 5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) 6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)