Cesium开发:单个对象Entity

简介: Cesium开发:单个对象Entity

在Cesium中,添加单个对象,例如标签、广告牌、模型等等,使用Cesium的viewer中,添加实体对象,从而在地图上进行显示。
在cesium地图中,是要按照x、y、z的坐标进行添加,对于模型等有方向、倾角的对象,还可以设置orientation的属性,实现三维方向的转向和倾角。
下图中的属性是通用的,在添加每一个实体的时候,需要进行设置的,id中标示实体的唯一性,这个在实体的查找中是可以方便使用的,name是显示实体的名称,show是控制显示或者隐藏,position和orientation是综合控制实体的位置和转向。
image.png
下图中是标示实体中,可以添加什么类型的对象,API中列出的都能按照参数进行添加,点击每一类对象的连接,能看到其中的详细参数设置。
image.png
下边是模型对象的参数设置:
image.png
实体是通过viewer.entities.add进行添加的,下边是一个添加模型的简单代码,都是以json对象的形式进行组织:

viewer.entities.add({

    id: "id属性",

    name: "名称",

    position:"位置",

    orientation: "转向",

    model: {

      uri: "模型文件路径",

      scale:"模型比例" 



    }

  });

查找一个实体对象:
var buildentity = viewer.entities.getById("对应id");

定位一个实体:
viewer.flyTo(buildentity, {

        offset: {

          heading: Cesium.Math.toRadians(0.0),

          pitch: Cesium.Math.toRadians(-45),

          range: 200

        }

      });
相关文章
|
9月前
|
JavaScript 前端开发
uView 对象操作
uView 对象操作
57 0
|
9月前
|
前端开发 Swift iOS开发
在SwiftUI中,视图(Views)
在SwiftUI中,视图Views
87 2
|
定位技术
干货!解决Cesium中Entity移动漂移的问题
案例场景:在Cesium开发三维场景展示中,肯定会碰到加载Entity的需求,如果在你的gis应用中,带了地形的展示。那么在旋转切换画面时,Entity是否跟着一起动了起来,感觉像漂移一样呢?
3512 0
干货!解决Cesium中Entity移动漂移的问题
|
6月前
|
数据可视化 JavaScript 前端开发
Cesium案例解析(五)——3DTilesPhotogrammetry摄影测量3DTiles数据
Cesium案例解析(五)——3DTilesPhotogrammetry摄影测量3DTiles数据
200 0
|
7月前
|
JavaScript
Vue3的使用,ref定义基本类型的响应式数据,如何创建对象类型的响应式数据,let car = {brand: ‘奔驰‘,price: 100},{{car.brand}},reactive的使用
Vue3的使用,ref定义基本类型的响应式数据,如何创建对象类型的响应式数据,let car = {brand: ‘奔驰‘,price: 100},{{car.brand}},reactive的使用
|
存储 JSON 定位技术
4.Cesium中实体Entity的增删改查及性能优化(超详细)
Cesium 作为一个功能强大的 WebGL 三维地球仪库,内置了丰富的三维地图展示能力。在 Cesium 中,我们可以通过 Entity(实体)在三维场景中添加和控制各种三维对象,如点、线、面、模型等。本文将介绍 Cesium 中实体的增删改查操作。
3137 0
|
前端开发
Concis组件库封装——List列表
Concis组件库封装——List列表组件封装
121 1
|
存储 JSON 数据可视化
3.Cesium中实体Entity创建(超详细)
本文中,我将介绍 Cesium 中创建实体的方法,并对其进行分类,帮助读者快速理解 Cesium 中实体的类别,创建代码以及具体效果;
1261 0
lodash创建一个从对象中选择的属性的对象
lodash创建一个从对象中选择的属性的对象
93 0
|
JavaScript
Vue组件入门(十)Attributes 继承
Vue组件入门(十)Attributes 继承