结合WebSocket和Openlayers4实现地图内容的刷新

概述

本文讲述如何结合WebSocket和Openlayers4实现地图内容的实时刷新。

需求概述

定时接受推送的数据(tif格式);

数据的预处理与加工(png格式);

推送到前端并展示。

实现效果

实现效果

实现思路

结合WebSocket实现数据加工完后,将结果推送到前端,并在前端展示。在本实例钟,使用了后台的定时刷新机制,模拟数据推送、数据加工这个流程。

实现代码

pom配置

SpringMVC中socket配置

WebsocketEndPoint.java

HandshakeInterceptor.java

前端代码

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180116G0RF9200?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券