czml数据以及应用

CZML(Cesium Language)是Cesium团队制定的一种基于JSON的动态数据格式,用于描述三维场景中的几何图形、模型及其随时间的变化。

在cesium中我们可以引入czml数据.

html 复制代码
  const blueBox = viewer.entities.add({
    name: "Blue box",
    position: Cesium.Cartesian3.fromDegrees(-114.0, 40.0, 300000.0),
    box: {
      dimensions: new Cesium.Cartesian3(400000.0, 300000.0, 500000.0),
      material: Cesium.Color.BLUE,
    },
  });
  console.log(czml)

  //加载czml数据
  let promiseData = Cesium.CzmlDataSource.load(czml);
  promiseData.then((dataSources) =>{
    viewer.dataSources.add(dataSource);
  });

保存后打开

点击后我们可以看到自己命名的名称以及蓝色盒子

相关推荐
JSON_L10 分钟前
Vue 正在热映模块
前端·javascript·vue.js
屁股割了还要学41 分钟前
【数据结构入门】时间、空间复杂度的计算
c语言·开发语言·数据结构·c++·算法
踏上青云路43 分钟前
C# 闭包
java·前端·c#
倒悬于世1 小时前
ThreadLocal详解
java·开发语言·jvm
myjs9991 小时前
数学=符号
java·前端·算法
喝拿铁写前端1 小时前
Flutter 学习笔记 - 搭建(macOS 版)
前端·flutter
天下权1 小时前
抛弃脚手架!手写极简Vue2实现原理
前端
张元清1 小时前
Neant:0心智负担的React状态管理库
前端·javascript·面试
阳树阳树1 小时前
小程序蓝牙API能力探索 1——蓝牙协议发展历史
前端
yuki_uix1 小时前
部署个人网页?如下几款套餐了解一下呢 :)
前端