老规矩先看成果:
先说好,这个图片没有经过美化处理,这就是裁剪了一张最普通的天地图截图,如果实战项目中UI同事加以处理的话效果会更好。
好那么继续往下说思路,其实道理很简单,就是几个图层的叠加。但是怎么叠加如何处理?
可能对于新手小朋友来讲有点难度。
我们可以使用奥利奥夹心饼干的思想。最底层放置一个entity,中间放置一个影像贴图entity
最上层再盖上一个颜色蒙层,基本上就达到了我们当前的效果。
话不多说我们来看代码:
//最底层的具有高度的entity
//可有可无,影像贴图美化的好的话,就不用这个也行
viewer.entities.add({
name: "entity1",
polygon: {
hierarchy: Cesium.Cartesian3.fromDegreesArrayHeights(basePositions),
material: Cesium.Color.fromCssColorString("#0283ff").withAlpha(0.9),
extrudedHeight: 5000,
height: 1000,
perPositionHeight: true,
},
});
//影像贴图,可以拉伸的,我这里图像处理的不好就不拉伸太高了
viewer.entitie