当前位置：网站首页>Entity of cesium data visualization (Part 1)

Entity of cesium data visualization (Part 1)

2022-07-07 09:11:00 【FOR. GET】

Record a problem to be solved

There is no effect after the contour width is set

One 、Billboard Billboard （ Picture form ）

Used to draw position icons , It is convenient to view the characteristics of the region according to the icon , Such as the display of the national flag , And the display of city landmark buildings . The official link ： Click on the access

var entity = viewer.entities.add({
    
        // id: "", //  Unique identifier of this object . If not provided , Will generate GUID.
        name: "billboard", //  Get or set the name of the object 
        // description: "", //  Get or set HTML describe 
        // orientation: "", //  Get or set the direction 
        position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), //  Get or set the location 
        billboard: {
    
            show: true, // default  Whether to display the entity 
            image: "/static/images/pythondjango.png", //  Designated billboard URL,Django Can be static files or media files 
            scale: 1.0, // default: 1.0 , A numeric attribute , Specify the scale to apply to the image size 
            // Pixel offset  type: Cartesian2 default:Cartesian2.ZERO
            pixelOffset: new Cesium.Cartesian2(0, 0), //  Two dimensional Cartesian coordinate system 
            // Eye deflection  type: Cartesian3 default:Cartesian3.ZERO
            eyeOffset: new Cesium.Cartesian3(0.0, 0.0, 0.0), //  Three dimensional Cartesian coordinate points 
            //  Horizontal alignment  type: HorizontalOrigin default:HorizontalOrigin.CENTER
            // CENTER  The origin is at the horizontal center of the object ;LEFT  The origin is on the left side of the object ;RIGHT  The origin is on the right side of the object 
            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
            //  Vertical alignment  type: VerticalOrigin default:VerticalOrigin.CENTER
            // CENTER  The origin is at  BASELINE  and  TOP  The vertical center between ;BOTTOM  The origin is at the bottom of the object ;
            // BASELINE  If the object contains text , Then the origin is at the baseline of the text , Otherwise, the origin is at the bottom of the object ;TOP  The origin is at the top of the object 
            verticalOrigin: Cesium.VerticalOrigin.CENTER, // default: CENTER  Vertical alignment position   Reference resources Cesium.VerticalOrigin
            //  Get or set the height reference of this billboard  type: HeightReference default:HeightReference.NONE
            // NONE  Absolute position ;CLAMP_TO_GROUND  The position is fixed on the terrain ;RELATIVE_TO_GROUND  Position height refers to the height above the terrain 
            heightReference: Cesium.HeightReference.NONE,
            //  Color  type: Color default:Color.WHITE
            color: Cesium.Color.LIME,
            //  Gets or sets the rotation angle in radians  type: number default:0
            rotation: 0,
            //  Gets or sets the alignment axis in world space  type:Cartesian3 default:Cartesian3.ZERO
            alignedAxis: Cesium.Cartesian3.ZERO,
            width: 50, //  Used to specify the width of the billboard （ In pixels ）, And cover the original size .
            height: 50, //  Used to specify the height of the billboard （ In pixels ）, And cover the original size .
            //  Get or set the near and far zoom attributes of the billboard according to the distance between the billboard and the camera  type:NearFarScalar
            // new Cesium.NearFarScalar (
            // near:  Lower limit of camera range  default=0,
            // nearValue: The value of the lower limit of the camera range  default=0,
            // far  Upper limit of camera range  default=1,
            // farValue  The value of the upper limit of the camera range  default=0)
            scaleByDistance: new Cesium.NearFarScalar(1.0e3, 2.0, 2.0e3, 1.0),
            //  According to the distance from the billboard to the camera , Get or set the near and far translucency properties of billboards  type:NearFarScalar
            translucencyByDistance: new Cesium.NearFarScalar(
                1.0e3,
                1.0,
                1.5e6,
                0.5
            ),
            //  According to the distance between the billboard and the camera , Get or set the near pixel offset and far pixel offset scaling properties of the billboard  type:NearFarScalar
            pixelOffsetScaleByDistance: new Cesium.NearFarScalar(
                1.0e3,
                1.0,
                1.5e6,
                0.0
            ),
            // Defines the sub area of the image to be used for the billboard , Not the whole image , Instead, start from the lower left corner in pixels .
            //imageSubRegion: Cesium.BoundingRectangle ( x , y , width , height )
            //  It specifies that this billboard will be displayed at a distance from the camera 
            distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0.0, 5000.0),
            //  Get or set the distance from the camera , Disable depth testing at depth , for example , To prevent cutting the terrain .
            //  When set to zero , Depth tests will always be applied . Set to Number.POSITIVE_INFINITY when , Never apply depth testing .
            disableDepthTestDistance: Number.POSITIVE_INFINITY,
        },
    });
    //  Set up the camera asynchronously to view one or more entities or data sources provided . If the data source is still loading , Or the visualization is still loading , This method waits for the data to be ready before performing scaling . 
    viewer.zoomTo(entity);
    //  Change the relevant properties of the billboard , Instantiate first , And then it's like python The change value of the dictionary 
    var billboard = entity.billboard;
    billboard.scale = 1.0;
    billboard.color = Cesium.Color.WHITE.withAlpha(1);