前段时间香克斯去实习去了，由于一些原因只实习了12天，不过第一次实习，觉得还是有必要记录一下。事先声明，这个博客也是获得同意的，目前这个项目完成度还不是很高，有的地方我的想法不成熟的，希望大家多多提意见。

        需求：画一个电子围栏，围栏信息关联用户信息，对用户进出电子围栏进行报警，并且将报警信息推送的前端页面实时显示。

        使用到技术栈：Springboot+mybatis+postgreSQL+postGis+websocket+百度地图

一、申请密钥

        首先我们需要申请一个百度地图的密钥，由于我们是要在web的前端页面调用，选择javascript API

 二、查看JavaScript API GL绘图工具和学习示例demo

        主要了解绘制多边形的部分。

三、绘制围栏 

        点击右上角的多边形图标可以在地图上绘制多边形围栏。

 四、存储围栏

       点击保存此次绘制围栏可以在弹窗出看到围栏的信息。 

五、查看围栏列表

      可以对列表中指定的围栏实现修改和删除，并且点击围栏名称链接可以在线查看围栏图层。

六、查看围栏和围栏关联的用户的位置信息。

        围栏内和围栏外的用户分别使用不同的颜色来显示。

 七、前端接收websocket推送的消息

        后端websocket轮询数据库中表的变化，每当报警信息表中增加一条记录，websocket读取该记录，并且使用websocket推送到前端。        

 八、具体实现

  8.1 index.jsp