cesium-2-entity

yizhihongxing

1、四层结构


viewer --> datasources(DataSourceCollection类型) --> datasource --> entities(EntityCollection类型) --> entity


需要学习的方向是:只需要注意每个层与层之间的关系和entity实例如何创建即可

2、DataSourceCollection

增:
add(dataSource) → Promise.<DataSource>
删:(destroy一般为boolean,指是否需要直接销毁该datasource)
remove(dataSource, destroy) → boolean
removeAll(destroy)
查:
indexOf(dataSource) → number
getByName(name) → Array.<DataSource>
get(index) → DataSource
contains(dataSource) → boolean
改:
该类型数据一般是指向型,直接调出属性直接修改即可
改变层级关系(特殊):
lower(dataSource)
lowerToBottom(dataSource)
raise(dataSource)
raiseToTop(dataSource)

3、datasource

这是一个抽象类,有各种实现方式
image
一般只会用到他的三个属性:entities、name和show

4、entities(EntityCollection类型)

增:
add(entity) → Entity
getOrCreateEntity(id) → Entity
删:
removeAll()
removeById(id) → boolean
remove(entity) → boolean
查:
contains(entity) → boolean
getById(id) → Entity|undefined
改:

重要属性:

id : string
owner : DataSource|CompositeEntityCollection
show : boolean
values : Array.<Entity>  // 全部的entity

5、创建新的entity

一些实例:
https://www.jianshu.com/p/4250e822c9c8

6、代码

需要注意的是这里的add()方法得到的是<promise.类型>,后面需要使用.then(成功函数,失败函数)来得到类型
add(dataSource) → Promise.<DataSource>
这种类怎么创建和怎么用见:
https://blog.csdn.net/ABCFF12333/article/details/118188018

  // 注意add()方法得到的是<promise.类型>,后面需要使用.then(成功函数,失败函数)来得到类型
  // 注意这是异步方法
  viewer.dataSources.add(new Cesium.CustomDataSource("pointDataSource1")).then(function(value){
    var pointDataSource = value;
    pointDataSource.show = true;
    var point1 = pointDataSource.entities.add({
      id: "point1",
      name: "point1",
      position: Cesium.Cartesian3.fromDegrees(109, 34, 0),
      point: {
        pixelsize: 10,
        color: Cesium.Color.YELLOW,
        outlineWidth: 2,
        outlineColor: Cesium.Color.RED
      }
    });
    var point2 = pointDataSource.entities.add({
      id: "point2",
      name: "point2",
      position: Cesium.Cartesian3.fromDegrees(110, 35, 0),
      point: {
        pixelsize: 10,
        color: Cesium.Color.YELLOW,
        outlineWidth: 2,
        outlineColor: Cesium.Color.RED
      }
    })
  },function(error){})

  viewer.dataSources.add(new Cesium.CustomDataSource("polygonDatasource")).then(function(value){
    var polygonDatasource = value;
    polygonDatasource.show = true;
    polygonDatasource.entities.add({
      id: "polygon1",
      name: "polygon1",
      polygon: {
        hierarchy: Cesium.Cartesian3.fromDegreesArray([
          109.080842, 45.002073,
          105.91517, 45.002073,
          104.058488, 44.996596,
          104.053011, 43.002989,
          104.053011, 41.003906,
          105.728954, 40.998429,
          107.919731, 41.003906,
          109.04798, 40.998429,
          111.047063, 40.998429,
          111.047063, 42.000709,
          111.047063, 44.476286,
          111.05254, 45.002073,
          109.080842, 45.002073
        ]),
        height: 10,  // 必须要有高度,否则没有边框
        material: Cesium.Color.GREEN,
        outline: true,
        outlineColor: Cesium.Color.RED,
        outlineWidth: 2,
        fill: true
      }
    })
  },function(error){})
})

原文链接:https://www.cnblogs.com/CoderWangEx/p/17359352.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:cesium-2-entity - Python技术站

(0)
上一篇 2023年4月27日
下一篇 2023年4月28日

相关文章

  • JS 实现计算器详解及实例代码(一)

    接下来我将详细讲解“JS 实现计算器详解及实例代码(一)”这篇文章的完整攻略。 文章概述 该文章是一篇教程,主要介绍如何使用JavaScript实现一个基本的计算器。该计算器可以进行加、减、乘、除四种运算,同时还可以进行按位取反、求余、正负号切换和小数点输入等功能。该文章主要包括以下几个部分: 介绍计算器的基本思路和需求分析 讲解HTML和CSS的基本结构和…

    JavaScript 2023年5月27日
    00
  • JSON键值对序列化和反序列化解析

    什么是JSON键值对序列化和反序列化 JSON是一种轻量级的数据交换格式,由于其易于阅读和编写的特性,被广泛用于web应用程序中的数据传输。在JSON中,使用键值对表示数据,所以JSON序列化就是将键值对转换为字符串,而JSON反序列化就是将字符串转换为键值对。 JSON的序列化 JSON序列化可以使用JSON.stringify()方法实现。它将Javas…

    JavaScript 2023年5月27日
    00
  • 重试,让程序更健壮

    任何通过网络与其它应用通讯地的程序,都应该有足够的灵活性,来应对短暂的临时性故障。因为这些故障很多时候是可以自恢复的。 例如,为了避免服务过载,很多应用会采取某些限流措施,在并发请求达到一定数量时,暂时性的拒绝新的请求加入。这种情况下,尝试使用该应用的程序,一开始可能会被拒绝连接,但下一刻就好了。 因此,在设计系统时,应该考虑到此种故障。并且在条件允许时,加…

    JavaScript 2023年4月17日
    00
  • Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中

    Json2Template.js是基于jQuery的插件,用于将JavaScript对象绑定到HTML模板中。下面是具体的攻略步骤: 步骤一:引入Json2Template.js和相关依赖 首先需要在页面中引入jQuery和Json2Template.js,如下所示: <script src="https://cdn.bootcss.com/…

    JavaScript 2023年5月27日
    00
  • JavaScript中正则表达式判断匹配规则及常用方法

    JavaScript中正则表达式判断匹配规则及常用方法 正则表达式是一种强大的文本匹配工具,可以用于查找、替换和验证字符串。JavaScript中的正则表达式使用RegExp对象来创建和操作。 创建正则表达式 在JavaScript中,可以使用字面量或构造函数来创建正则表达式。 字面量创建 字面量使用斜杠(/)将正则表达式括起来,后接标志(可选)。例如: l…

    JavaScript 2023年6月10日
    00
  • Javascript对象字面量的理解

    JavaScript对象字面量是JavaScript中使用最多的对象创建方法之一。它的基本思想是使用花括号括起来的键值对,其中键表示属性名,值表示属性值。使用对象字面量的方式可以很方便地创建对象,如下面的示例所示: var person = { name: ‘John’, // 属性名为name,属性值为’John’ age: 30, // 属性名为age,…

    JavaScript 2023年5月27日
    00
  • 9个JavaScript日常开发小技巧

    当然!以下是“9个JavaScript日常开发小技巧”的完整攻略: 1. 使用console.table()格式化输出数组/对象 在日常开发中,我们常常需要输出数组/对象信息以便于调试。但是,如果直接使用console.log()输出,往往难以看清楚其中结构和数据。这时候,我们可以使用console.table()方法,可以使用表格的形式格式化输出数组/对象…

    JavaScript 2023年5月18日
    00
  • javascript实现很浪漫的气泡冒出特效

    “javascript实现很浪漫的气泡冒出特效”是一种比较流行的前端特效,它可以将一个固定位置的元素变成很多个气泡划分开,每个气泡都有自己特有的颜色、大小和浮动速度,使得整个页面看起来非常活泼、盎然。下面就让我们详细讲解如何实现这个特效。 准备工作 在前期准备工作中,我们需要引入一个定位元素,用来放置我们的气泡,还需要引入3种颜色、不同大小和速度的气泡。在引…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部