Cesium加载广告牌(二)

在上一篇中曾经增加了增加了广告牌实体,如果要获取更好的显示成果和其余需要,须要进行更多的设置。这里再介绍一些广告牌的罕用属性。

horizontalOrigin:广告牌绝对原点的程度地位。有三种属性:Cesium.HorizontalOrigin.CENTERCesium.HorizontalOrigin.LEFTCesium.HorizontalOrigin.RIGHT。留神这里必须大写。

verticalOrigin:广告牌绝对原点的垂直地位。有四种属性:Cesium.VerticalOrigin.CENTERCesium.VerticalOrigin.BOTTOMCesium.VerticalOrigin.BASELINECesium.VerticalOrigin.TOP

scale:广告牌的尺寸。是Number类型,默认值为1。

pixelOffset:广告牌的像素偏移量,是Cartesian2类型。

通过前三种属性,能够对广告牌进行地位和大小方面的微调,而不必批改广告牌的以后地位。如果须要进行更近一步的自定义地位,能够应用pixelOffset。示例如下:

let bill = new Cesium.Entity({    position: new Cesium.Cartesian3.fromDegrees(120.62521517, 31.42803100),    billboard: {        image: "./img/laboratory.png",        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,        scale: 1,               pixelOffset: new Cesium.Cartesian2(0, -70),//留神这里须要应用Cartesian2        heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,        disableDepthTestDistance: Number.POSITIVE_INFINITY,    }})

如果须要更贴近事实,须要实现近大远小的成果,须要设置另一个重要属性:scaleByDistance。字面意思是追随间隔的尺寸。这个属性来实现依据摄像机的间隔扭转实体的scale(缩放比)。
scaleByDistance的类型为NearFarScalar,在Cesium中为new Cesium.NearFarScalar(near, nearValue, far, farValue)。这里的四个参数类型均是Number
new Cesium.NearFarScalar(30000, 1, 45000, 0.4)为例,含意为含意就是在摄像头和Billboard之间的间隔在30000-45000之间的时候,Billboard的Scale比例依照1->0之间的插值来缩放。当摄像头和Billboard之间间隔小于30000的时候,就依照30000时候的值1解决(这里如果不是1,而是0.5,那小于30000时候的比例就是0.5了)。而当大于45000的时候,就会依照0.4(其实就是8000对应的比例值)缩放。

let bill = new Cesium.Entity({    position: new Cesium.Cartesian3.fromDegrees(120.62521517, 31.42803100),    billboard: {        image: "./img/laboratory.png",        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,        scale: 1,               scaleByDistance:new Cesium.NearFarScalar(30000, 1, 45000, 0.4),        pixelOffset: new Cesium.Cartesian2(0, -70),//留神这里须要应用Cartesian2        heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,        disableDepthTestDistance: Number.POSITIVE_INFINITY,    }})