• 配置entity样式

1.1 点

加载 point, entities，并给entities设置cesium支持的颜色。（预设好颜色，用户选择）

viewer.entities.add({

    position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),

    point: {

      pixelSize: 10,

      color: Cesium.Color.YELLOW,

    },

  });

参数：

1. 加载模型

var entity=this.viewer.entities.add({

        name: "模型",

          position : position,

          orientation : orientation,

          model : {

              uri: mapObj.url,

              scale:15              

              ,minimumPixelSize : 32

              //maximumScale : 20000

          }

      });

参数：

1. 1. 线

const redLine = viewer.entities.add({

  name: "Red dashed line",

  polyline: {

    positions: Cesium.Cartesian3.fromDegreesArrayHeights([

      -75,

      38,

      250000,

      -125,

      38,

      250000,

    ]),

    width: 5,

    material: new Cesium.PolylineDashMaterialProperty({

      color: Cesium.Color.RED,

    }),

  },

});

参数：PolylineGraphics - Cesium Documentation

1. 1. 面
2. this.viewer.entities.add({
3.       name : 'Red box with black outline',
4.       position: Cesium.Cartesian3.fromDegrees(118.016974, 37.383542, 0),
5.       box : {
6.         dimensions : new Cesium.Cartesian3(4000000.0, 3000000.0, 1),
7.         material : Cesium.Color.WHITE.withAlpha(0.01),
8.         outline : true,
9.         outlineColor : Cesium.Color.BLACK
10.       }
11.     });

其他entity模型：

https://www.cnblogs.com/huqi-code/p/8287497.html

• 配置geojson样式

1.1 点

var promise = Cesium.GeoJsonDataSource.load(mapObj.url,{

        markerSize:100,

        markerColor:Cesium.Color.YELLOW

      });//从url读取空间矢量数据geojson、json

参数：

1.2 线

1. Geojson

var viewer = new Cesium.Viewer('cesiumContainer');

viewer.dataSources.add(Cesium.GeoJsonDataSource.load('../../SampleData/ne_10m_us_states.topojson', {

  stroke: Cesium.Color.HOTPINK,

  fill: Cesium.Color.PINK,

  strokeWidth: 3,

}));

参数：

1.3面

var viewer = new Cesium.Viewer('cesiumContainer');

viewer.dataSources.add(Cesium.GeoJsonDataSource.load('../../SampleData/ne_10m_us_states.topojson', {

  stroke: Cesium.Color.HOTPINK,

  fill: Cesium.Color.PINK,

  strokeWidth: 3,

  markerSymbol: '?'

}));

参数：

三、配置3DTile样式

3d白模根据建筑高度显示不同颜色

var city = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({

    url: url

  }))

  //定义3d样式

  var heightStyle = new Cesium.Cesium3DTileStyle({

    color: {

      //条件判断,除了rgba也可以是rgb值

      conditions: [

        ['${height} >= 300','rgba(45,0,75,0.5)'],

        ['${height} >= 200','rgb(102,71,151)'],

        ['${height} >= 100','rgba(170,188,233,0.5)'],

        ['${height} >= 50','rgba(224,224,238,0.5)'],

        ['${height} >= 25','rgba(252,230,200,0.5)'],

        ['${height} >= 10','rgba(248,176,87,0.5)'],

        ['${height} >= 5','rgba(198,106,11,0.5)'],

        ['true','rgb(127,59,8)']

      ]

    }

  });

//赋值样式

city.style = heightStyle;