备案控制台

开发者社区

文章/答案/技术大牛

写文章

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

文章来源：企鹅号 - lzugis

广告关闭

2023新春采购节

领8888元新春采购礼包，抢爆款2核2G云服务器95元/年起，个人开发者加享折上折

概述

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

需求概述

定时接受推送的数据（tif格式）；

数据的预处理与加工（png格式）；

推送到前端并展示。

实现效果

实现效果

实现思路

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

实现代码

pom配置

SpringMVC中socket配置

WebsocketEndPoint.java

HandshakeInterceptor.java

前端代码

发表于: 2018-01-162018-01-16 19:00:46
原文链接：http://kuaibao.qq.com/s/20180116G0RF9200?refer=cp_1026
腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号（企鹅号）传播渠道之一，根据《腾讯内容开放平台服务协议》转载发布内容。
如有侵权，请联系 cloudcommunity@tencent.com 删除。

相关快讯

关注

腾讯云开发者公众号

将获得

10元无门槛代金券

洞察腾讯核心技术

剖析业界实践案例

腾讯云开发者公众号二维码