CesiumJS主要功能介绍(上)

423 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第3天,点击查看活动详情


Cesium概述

  • cesium 是国外一个基于JavaScript编写的使用WebGL的地图引擎
  • Cesium 支持3D,2D,2.5D形式的地图展示
  • 可以自行绘制图形,高亮区域
  • 提供良好的触摸支持,且支持绝大多数的浏览器和移动端

Cesium 主要功能介绍

  • 通过CZML创建数据驱动的时间动态场景 (CZML是一种JSON格式的字符串,包含点,线,地标,模型和其他一些图形元素,用于描述与时间有关的动画场景)
  • 使用WMS,TMS,ESRI等标准绘制影像图层
  • 具有高分辨率的地形三维,可以清晰的展示各种连绵起伏的山脉
  • 具有采用KML,GeoJson,TopoJson格式的数据进行适量绘制的功能
  • 具有热力图功能
  • 具有点云高速渲染的功能
  • 具有地形等高线与等高线自定义颜色功能
  • 可以在地球上绘制广告牌,标签,文本,折线,多边形等
  • 可以调用WebGl的低级图元进行几何体的渲染
  • 在球体上绘制柱形图的功能

Viewer 说明

Cesium展示三维要素内容的主要窗口,不仅包含三维地球的视窗,还包含了一些基础控件,在定义Viewer对象的同时需要设定基础部件,图层等的初始化状态;

// new Cesium.Viewer(cesiumerContainer,option)
// cesiumerContainer 指定地图主窗的id名称 String
// option viewer的可选设置参数(图层,地形,时间系统等参数) Object
const viewer = new Cesium.Viewer('地图主窗的id名称',{
    // 动画小组件及左下角的仪表盘 默认为true
    animation:false,
    // 时间轴 默认为true
    timeline:false,
    
})

// 在viewer类中设置图层等价于在scene中设置图层
console.log(viewer.imageryLayers == viewer.scene.imageryLayers)
//打印为 true

如果有哪里描述不准确或者有问题,欢迎大佬指正!
(≖ᴗ≖)✧