概述
本文讲述如何结合WebSocket和Openlayers4实现地图内容的实时刷新。
需求概述
定时接受推送的数据(tif格式);
数据的预处理与加工(png格式);
推送到前端并展示。
实现效果
实现效果
实现思路
结合WebSocket实现数据加工完后,将结果推送到前端,并在前端展示。在本实例钟,使用了后台的定时刷新机制,模拟数据推送、数据加工这个流程。
实现代码
pom配置
SpringMVC中socket配置
WebsocketEndPoint.java
HandshakeInterceptor.java
前端代码
领取专属 10元无门槛券
私享最新 技术干货