HAI_GUI的博客

【Cesium学习（八）】Cesium设置材质—后续

今天我们将学习Cesium对entity实体设置材质，在Cesium中为实体及几何行状设置材质有多个方法。我们可以在创建实体的时候直接构件Cesium.Material对象，再通过设置Material的属性来进行各种材质的控制，具有实例和API我们可以看官网的描述。颜色材质是我们最常用到的材质，他可以将实体设置成不同的颜色，以到达实体醒目的作用及其他作用，通常和鼠标移动或者点击事件来联动展示。

其实修改属性很简单，只需要拿到创建模型的entity，在entity.model中选择想要修改的属性，直接修改就ok了！在前面我们可以通过entites.add的方法来添加模型，现在我们来针对模型model的各个属性进行设置和修改！初始化一个模型最主要的就是需要position，orientaion，model，所以我们需要先设置这个三个属性。在前面我们学习到了通过entites的add方法来添加模型，我们再来看一看add方法的属性。创建前先要初始化地图来获取viewer，这里不细展示，去看前面的文章。

3DTiles数据集是cesium小组AnalyticlGraphics与2016年3月定义的一种数据集, 3DTiles数据集以分块、分级渲染，将大数据量三维数据以分块，分层的形式组织起来，可以大量减轻浏览器和GPU的负担是一个优秀的,并且格式公开的数据格式。3D Tiles将用于流式传输3D内容,包括建筑物,树木,点云和矢量数据。

首先需要写一个czml格式的数据，CZML是一种JSON格式的字符串，用于描述与实践有关的动画场景。这里我写一个创建广告牌的czml数据。运行起来就是如下图:**

Cesium初始化简单封装

如果控制永久删除可以使用改方法。如果要动态的显示，就要使用css来进行动态的display：none。在Vue3中可以在css通过v-bind来动态设置display的变量（详细设置请看Vue官网介绍。在官网中的部件方法里面，只有删除和查看是否存在部件的方法，并没有动态显示隐藏的方法。这里就是通过js的原生获取demo元素的方法，然后动态修改display。在Vue2中可以通过动态设置class类名来修改。

Vue+Cesium

初识Cesium，Cesium介绍和基础初始化demo