cesium 学习(五) 加载场景模型
一、前言
现在开始实际的看看效果,目前我所接触到基本上都是使用Cesium加载模型这个内容,以及在模型上进行操作。So,现在进行一些加载模型的学习,数据的话可以去网上找,因为目前使用的都是需要保密的数据,所以不能发在网上。
二、加载Entity类型模型
说到加载Entity模型,内容就有点多了,cesium场景中的点、线、面、label以及模型(gltf、glb);还有圆、墙体、方体、球等几何对象也都可以使用Entity来加载。下面分别加载试试看。
2.1加载点、线、面
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
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: