正文

Cesium专栏-气象雷达动图（附源码下载）

IP云
IP云V管理员/4 阅读
09/17
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Cesium

Cesium 是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。

效果图

在气象行业，经常会在地图上展示雷达反射率等一些产品图，雷达图有图片格式，也有geojson格式的，每种格式都有加载渲染的方式，在这里，我们介绍的是图片格式的雷达产品。

  • 加载雷达图

加载雷达图可以使用简单的polygon就可以了。

1、设置好图片要显示的范围

  • var positions = [
  • Cesium.Cartesian3.fromDegrees(73.16895, 12.2023),
  • Cesium.Cartesian3.fromDegrees(134.86816, 12.2023),
  • Cesium.Cartesian3.fromDegrees(134.86816, 54.11485),
  • Cesium.Cartesian3.fromDegrees(73.16895, 54.11485)
  • ];

2、添加polygon

  • viewer.entities.add({
  • polygon: {
  • hierarchy: new Cesium.PolygonHierarchy(positions),
  • material: './images/radar.png'
  • }
  • });

简单的两步就加载完成了雷达图。

  • 雷达动图

仅仅显示一张雷达图，往往是不够的，我们要根据雷达动图来判断天气趋势，所以静态的图只能说明某一时间的天气情况，但是不能进行预测。

更多详情见小专栏此文章：GIS之家cesium小专栏

文章提供源码，对本专栏感兴趣的话，可以关注一波