cesium 学习(五) 加载场景模型

一、前言

　　现在开始实际的看看效果，目前我所接触到基本上都是使用Cesium加载模型这个内容，以及在模型上进行操作。So，现在进行一些加载模型的学习，数据的话可以去网上找，因为目前使用的都是需要保密的数据，所以不能发在网上。

二、加载Entity类型模型

　　说到加载Entity模型，内容就有点多了，cesium场景中的点、线、面、label以及模型（gltf、glb）；还有圆、墙体、方体、球等几何对象也都可以使用Entity来加载。下面分别加载试试看。

2.1加载点、线、面

var viewer = new Cesium.Viewer('cesiumContainer');  // 场景查看器对象
// 点的Entity 
var pointEntity = new Cesium.Entity({
    id: 'point', // id属性
    position: Cesium.Cartesian3.fromDegrees(103, 30, 10), // 位置
    point: {  // 点
        color: new Cesium.Color.fromCssColorString("#3388ff"), // 点颜色
        pixelSize: 10,  // 点大小
        outlineColor: new Cesium.Color.fromCssColorString("#ffffff"), // 点的外圈线颜色
        outlineWidth: 2,  // 点的外圈线宽度
        disableDepthTestDistance: Number.POSITIVE_INFINITY  // 被遮挡是否可见（也就是将这个Entity在场景中置顶）
    }
});
// 线的Entity
var lineEntity = new Cesium.Entity({
    name: "line", // 线的name属性
    polyline: {  // 线
        positions: [Cesium.Cartesian3.fromDegrees(103, 30, 50), Cesium.Cartesian3.fromDegrees(104, 30, 50)], // 由点构线
        width: 5.0, // 线的宽度
        material: new Cesium.PolylineGlowMaterialProperty({
            color: Cesium.Color.GOLD,
        }), // 线的材质、样式
        depthFailMaterial: new Cesium.PolylineGlowMaterialProperty({
            color: Cesium.Color.GOLD,
        }),  // 视线被遮挡处的材质、样式（和上一个材质一样的话则就不会被遮挡，类似置顶效果）
    }
});
// 面的Entity，其他Entity属性可以自行查看API
var polygon = new Cesium.Entity({
    polygon: {
        height: 0.1,
        hierarchy: new Cesium.PolygonHierarchy(Cesium.Cartesian3.fromDegreesArrayHeights([103, 30, 10, 103, 40, 10, 104, 30, 10])),  // 面的顶点坐标集合
        material: new Cesium.Color.fromCssColorString("#FFD700").withAlpha(.2), // 材质样式
        perPositionHeight: true,  // 是否支持坐标高度  
    }
});

View Code