# craeteCorridorGraphics(options) → {corridor}

Parameters:

See:

• WarnLinkMaterialProperty

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.craeteCorridorGraphics({
    positions: Cesium.Cartesian3.fromDegreesArray(
           110.16018735617934, 31.036076859828338, 
           110.17845812703679,31.033686527335444,
           110.19261040403379, 31.02892781958261, 
           110.20775152895165,31.02475678594998,
           110.2247484728178,31.019315371809977, 
           110.24033095328579,31.017866033294506),
        width: 1500.0,
        height: 0,
        extrudedHeight: 50，
        cornerType: Cesium.CornerType.MITERED,
        outline: false,
        material:Cesium.Color.BLUE.withAlpha(0.4)
})

# craeteDynamicBlinkCircleGraphics(options) → {ellipse}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.craeteDynamicBlinkCircleGraphics({
     position:Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 200),
          semiMinorAxis: 2000.0,
          semiMajorAxis:  2000.0,
          height:  10,
          alp:2,
          flog:true
})

# craeteDynamicCricleGraphics(options) → {ellipse}

Parameters:

See:

• transformWGS84ToCartesian

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.craeteDynamicCricleGraphics({
     center:{ lng: 104.081701757991, lat: 30.627042558105988, alt: 1 },,
     imge: "static/data/images/Textures/circle_bg.png",
          radius : 800,
          rotateAmount: 0.05,
          height : 1,
          scale:1500,
          scale2:800
})

# craeteDynamicCylinderGraphics(options) → {cylinder}

Parameters:

See:

• getCylinderGraphics

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.craeteDynamicCylinderGraphics({
     entity: new Cesium.Entity({positions:Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 200)}),
     cylinder:{
                  length:   500 / 2,
                  topRadius:   130,
                  bottomRadius:   20,
                  material: new Cesium.Color(0, 1, 1, 0.4),
                  slices: 128,
        }
})

# craeteDynamicPolyLineGraphics(options) → {polyline}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.craeteDynamicPolyLineGraphics({
    positions:Cesium.Cartesian3.fromDegreesArray([
          104.09816110606057,
          30.659821965447698,
          104.1120972824757,
          30.65330300319938,
          104.10758419863926,
          30.64592470850288,
          104.09351691196979,
          30.652434826507452,
          104.09816110606057,
          30.659821965447698
        ]),
          material: Cesium.Color.CHARTREUSE,
          width:5,
          clampToGround:false
})

# craeteDynamicShadeWallGraphics(options) → {wall}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.craeteDynamicShadeWallGraphics({
    positions: Cesium.Cartesian3.fromDegreesArray(
           110.16018735617934, 31.036076859828338, 
           110.17845812703679,31.033686527335444,
           110.19261040403379, 31.02892781958261, 
           110.20775152895165,31.02475678594998,
           110.2247484728178,31.019315371809977, 
           110.24033095328579,31.017866033294506),
     img: "static/data/images/Textures/circle_bg.png",
          alp:1,
          num :20,
          color: Cesium.Color.RED,
          speed:0.003;
})

# craeteRotateCylinderGraphics(options) → {cylinder}

Parameters:

See:

• setGraphicsRotate

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.craeteRotateCylinderGraphics({
     position:Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 200),
          length:   500,
          topRadius:  500,
          bottomRadius:   500,,
          material:  new Cesium.ImageMaterialProperty({
            image:"static/data/images/file/cc2.png",
            transparent: true,
            repeat: {x: 1,y: -1},
          }),
          slices: 128,
})

# craeteRotatePlaneGraphics(options) → {plane}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.craeteRotatePlaneGraphics({
     positions: Cesium.Cartesian3.fromDegreesArray([
          104.09816110606057,
          30.659821965447698,
          104.1120972824757,
          30.65330300319938,
          104.10758419863926,
          30.64592470850288),
     image: "static/data/images/Textures/circle_bg.png",
          dimensions:new Cesium.Cartesian2(200.0, 150.0),
})

# createBoxGraphics(options) → {BoxGraphics}

Parameters:

See:

• getBoxGraphics

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createBoxGraphics({
    name: 'boxG',
    position:Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 200),
     material:Cesium.Color.RED.withAlpha(0.2),
     clampToGround:false,
     clampToS3M:false
})

# createCanvasGraphics(options) → {rectangle}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createCanvasGraphics({
         positions:Cesium.Cartesian3.fromDegreesArray(
           110.16018735617934, 31.036076859828338, 
           110.17845812703679,31.033686527335444,
           110.19261040403379, 31.02892781958261, 
           110.20775152895165,31.02475678594998,
           110.2247484728178,31.019315371809977, 
           110.24033095328579,31.017866033294506)
           img : "images/ysCesium/logo.png"
         cwidth : 500,
         cheight:200,
         speed:0.06,
         callback:res=>{console.log(res)}
})

# createCustomDefBillboardGraphics(options)

Parameters:

See:

• getBillboardGraphics

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createCustomDefBillboardGraphics({
     position: Cesium.Cartesian3.fromDegrees(110.16018735617934, 31.036076859828338),
     image: "static/data/images/Textures/circle_bg.png",
          width : 150;
          height:80;
          text: "建工集团",
          b_pixelOffset:new Cesium.Cartesian2(80, -35),
          b_scale : 1.5,
})

# createFadeCylinderGraphics(options) → {cylinder}

Parameters:

See:

• getCylinderGraphics
• CircleFadeMaterialProperty

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createFadeCylinderGraphics({
     position:Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 200),
          length:   500 / 2,
          topRadius:   130,
          bottomRadius:   20,
          color: new Cesium.Color(0, 1, 1, 0.4),
          slices: 128,
          duration:5
})

# createFanShape(options) → {wall}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createFanShape({
        viewer: this.viewer,
        longitude: 104.06417395476578,
        latitude: 30.636185094244944,
        alt: 700,
        speed: 2.0,
        direction: '+',
        custMaterial: Cesium.Color.AQUAMARINE.withAlpha(0.5)
})

# createGifBillboardGraphics(options) → {billboard}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createGifBillboardGraphics({
        position: Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 200),
        url: 'static/data/file/scene1.gif'
})

# createLineGraphics(options) → {PolylineGraphics}

Parameters:

See:

• getLineGraphics

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createLineGraphics({
   name:'pLine',
   oid:'pLineID',
        positions: Cesium.Cartesian3.fromDegreesArray([
          104.09816110606057,
          30.659821965447698,
          104.1120972824757,
          30.65330300319938,
          104.10758419863926,
          30.64592470850288,
          104.09351691196979,
          30.652434826507452,
          104.09816110606057,
          30.659821965447698
        ]),
        show: true,
        material:  Cesium.Color.YELLOW,
        width:1,
        clampToGround: false,
})

# createModelGraphics(options) → {ModelGraphics}

Parameters:

See:

• getModelGraphics

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createModelGraphics({
    position:Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 200),
          url:"model/person.gltf",
          scale:2
})

# createPointsGraphics(options) → {Array}

Parameters:

See:

• getPointGraphics
• getBillboardGraphics
• getLabelGraphics

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getCylinderGraphics({
   name:'cylinderObj',
   oid:'cylinderID',
        positions: [Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 400.0)],
        billboard: {
          b_img: 'static/data/images/Textures/billboard2.png',
          b_width: 40,
          b_height: 25,
          b_scale: 1.5,
          b_scaleByDistance: new Cesium.NearFarScalar(1.5e2, 2.0, 1.5e7, 0.5)
        },
        label: {
          l_text: '中科较大',
          l_fillColor: Cesium.Color.YELLOW,
          l_outlineColor: Cesium.Color.KHAKI,
        }
})

# createPolygonGraphics(options) → {PolygonGraphics}

Parameters:

See:

• getPolygonGraphics

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createPolygonGraphics({
     positions:Cesium.Cartesian3.fromDegreesArray([
          104.09816110606057,
          30.659821965447698,
          104.1120972824757,
          30.65330300319938,
          104.10758419863926,
          30.64592470850288,
          104.09351691196979,
          30.652434826507452,
          104.09816110606057,
          30.659821965447698
        ]),
     material:Cesium.Color.RED.withAlpha(0.2),
     clampToGround:false,
     clampToS3M:false
})

# createVideoPlaneGraphics(options) → {plane}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.createVideoPlaneGraphics({
        position: Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 200),
        videoElement: videoDom,
        dimensions: new Cesium.Cartesian2(400.0, 200.0),
})

# getBillboardGraphics(options) → {BillboardGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getBillboardGraphics({
       b_img: "images/bill.png",
        b_width: 35,
        b_height : 35,
        b_clampToGround : true,
        b_scale : 1,
        b_pixelOffset :new Cesium.Cartesian2(0, -20),
        b_scaleByDistance : new Cesium.NearFarScalar(1.5e2, 0.7, 1.5e7, 0.5),
})

# getBoxGraphics(options) → {BoxGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getBoxGraphics({
        show:true,
        dimensions:new Cesium.Cartesian3(400000.0, 300000.0, 500000.0),
        outlineColor:  Cesium.Color.YELLOW,
        outline:   true,
        fill:   true,
        material:Cesium.Color.RED.withAlpha(0.5),
        distanceDisplayCondition: new Cesium.DistanceDisplayCondition(2000.0, 4000.0)
})

# getCylinderGraphics(options) → {CylinderGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getCylinderGraphics({
        length:   500 / 2,
        topRadius:   130,
        bottomRadius:   20,
        material: new Cesium.Color(0, 1, 1, 0.4),
        slices: 128,
})

# getEllipseGraphics(options) → {EllipseGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getEllipseGraphics({
          e_semiMajorAxis:1000080.0,
          e_semiMinorAxis:1000000.0,
          e_metarial:Cesium.Color.RED.withAlpha(0.5),
          e_outline:true
})

# getEllipsoidGraphics(options) → {EllipsoidGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getEllipsoidGraphics({
        radii: 1000000.0, //单位 米
        innerRadii: 50000.0,
        maximumCone: Cesium.Math.PI_OVER_TWO,
        stackPartitions:   56,
        slicePartitions:   56,
        outlineWidth:   2.0,
        outlineColor:  Cesium.Color.YELLOW,
        outline:   true,
        fill:   true,
        material:  Cesium.Color.RED.withAlpha(0.1),
})

# getLabelGraphics(options) → {LabelGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getLabelGraphics({
        l_text:"你好",
        l_font : "14px sans-serif",
        l_fillColor : Cesium.Color.GOLD,
        l_style : Cesium.LabelStyle.FILL_AND_OUTLINE,
        l_outlineWidth : 2,
        l_showBackground: false,
        l_backgroundColor : new Cesium.Color(0.165, 0.165, 0.165, 0.8),
        l_verticalOrigin : Cesium.VerticalOrigin.BOTTOM,
        l_pixelOffset :new Cesium.Cartesian2(0, -30),
})

# getLineGraphics(options) → {PolylineGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getLineGraphics({
    positions:Cesium.Cartesian3.fromDegreesArray([
          104.09816110606057,
          30.659821965447698,
          104.1120972824757,
          30.65330300319938,
          104.10758419863926,
          30.64592470850288,
          104.09351691196979,
          30.652434826507452,
          104.09816110606057,
          30.659821965447698
        ]),
     material:Cesium.Color.RED.withAlpha(0.2),
     clampToGround:false,
     width:1
})

# getModelGraphics(options) → {ModelGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getModelGraphics({
          url:"model/person.gltf",
          scale:2
})

# getPathGraphics(options) → {PathGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getPathGraphics({
          resolution:1,
          glowPower:0.1,
          color:Cesium.Color.YELLOW,
          width:24
})

# getPlaneGraphics(options) → {PlaneGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getPlaneGraphics({
   plane: new Cesium.Plane(Cesium.Cartesian3.UNIT_Y, 0.0),
        dimensions:new Cesium.Cartesian2(170.0, 130.0),
        material:Cesium.Color.BLUE
})

# getPointGraphics(options) → {PointGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getPointGraphics({
    color:Cesium.Color.GREEN,
     pixelSize:5,
     outlineColor:Cesium.Color.WHITE,
     outlineWidth:1
})

# getPolygonGraphics(options) → {PolygonGraphics}

Parameters:

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
graphicObj.graphics.getPolygonGraphics({
    positions:Cesium.Cartesian3.fromDegreesArray([
          104.09816110606057,
          30.659821965447698,
          104.1120972824757,
          30.65330300319938,
          104.10758419863926,
          30.64592470850288,
          104.09351691196979,
          30.652434826507452,
          104.09816110606057,
          30.659821965447698
        ]),
     material:Cesium.Color.RED.withAlpha(0.2),
     clampToGround:false
})

# setGraphicsFloat(options)

Parameters:

See:

• transformWGS84ToCartesian
• transformCartesianToWGS84
• transformCartesianArrayToWGS84Array
• transformWGS84ArrayToCartesianArray

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
})
const billboardGraphics =  graphicObj.graphics.getBillboardGraphics({
       b_img: "images/bill.png",
        b_width: 35,
        b_height : 35,
        b_clampToGround : true,
        b_scale : 1,
        b_pixelOffset :new Cesium.Cartesian2(0, -20),
        b_scaleByDistance : new Cesium.NearFarScalar(1.5e2, 0.7, 1.5e7, 0.5),
});
graphicObj.graphics.setGraphicsRotate({
         entity: billboardGraphics,
         cartesians: Cesium.Cartesian3.fromDegrees(104.081701757991, 30.627042558105988, 200),
         minHeiht : 5,
         maxHeiht:100,
         speed:0.06,
})

# setGraphicsRotate(options)

Parameters:

See:

• transformWGS84ToCartesian

Example

import { Graphics } from 'cesium_dev_kit'
const graphicObj = new Graphics({
    cesiumGlobal: Cesium,
    containerId: 'cesiumContainer'
});
const billboardGraphics =  graphicObj.graphics.getBillboardGraphics({
       b_img: "images/bill.png",
        b_width: 35,
        b_height : 35,
        b_clampToGround : true,
        b_scale : 1,
        b_pixelOffset :new Cesium.Cartesian2(0, -20),
        b_scaleByDistance : new Cesium.NearFarScalar(1.5e2, 0.7, 1.5e7, 0.5),
});
graphicObj.graphics.setGraphicsRotate({
        entity:billboardGraphics ,
        position: { lng: 104.081701757991, lat: 30.627042558105988, alt: 1 },
        rotateAmount: 4,
})