Graphics

矢量几何元素

new YS.Graphics(options)

矢量实体,常见的圆、椭圆、矩形等
Name Type Description
options Object 构造参数
Name Type Default Description
id String optional 唯一id
color Color Color.YSBLUE optional 绘制颜色
position XYZ optional 原点所在的经纬度位置,单位度
matrix Matrix Matrix.IDENTITY optional 局部模型坐标到世界坐标的变换矩阵
appearance Cesium.Appearance PerInstanceColorAppearance optional 外观形式,默认单色
attributes Object optional 如果设置了appearance,可能会需要attributes
light Boolean true optional 是否启用灯光,开启灯光,像Box才会有立体效果
topmost Boolean false optional 是否使物体始终可见不被遮挡,如果开启,将关闭深度检测;始终可见时不建议再开启贴地模式
alongGround Boolean false optional 是否使物体贴地,使用贴地模式,不建议再开启topmost
classificationType ClassificationType ClassificationType.BOTH optional 贴图类型
outlineColor RGBA Color.WHITE optional 边线色
outline Boolean true optional 是否绘制边线,只有当alongGround为false时才支持,line和polyline不支持
circle Object optional 创建圆形
Name Type Default Description
radius Number 圆的半径,单位米
material CircleMaterial 圆的材质,设置材质后,颜色将会无效。
granularity Number 0.02 optional 圆上的点间距,单位弧度,间距越小,圆越逼真,但性能开销越大
box XYZ optional 创建立方盒子,盒子的长宽高,单位米
sphere Object optional 创建球
Name Type Default Description
radius Number 球的半径,单位米
slices Number 64 optional 构建球时,一圆圈的点数
cylinder Object optional 创建圆柱
Name Type Default Description
length Number 圆柱的长,单位米
topRadius Number 圆柱顶面圆的半径,单位米
bottomRadius Number 圆柱底面圆的半径,单位米
slices Number 128 optional 圆柱一周的线数量
rect Object optional 创建矩形,忽略options.light和options.position
Name Type Default Description
rectangle Rectangle 矩形的东南西北坐标,单位度,忽略options.position
height Number 0 optional 矩形海拔高度,单位米
line Object optional 创建直线,忽略options.light和options.position
Name Type Default Description
p1 XYZ 直线的经纬度坐标,单位度
p2 XYZ 直线的经纬度坐标,单位度
width Number 1.0 optional 直线的宽度,单位像素
polyline Object optional 创建折线,忽略options.light和options.position
Name Type Default Description
points Array.<XYZ> 折线的经纬度坐标数组,单位度
width Number 1.0 optional 折线的宽度,单位像素
ellipsoid Object optional 创建椭球
Name Type Default Description
radius XYZ 椭球在xyz上个方向的半径,单位米
slices Number 64 optional 圆柱一周的线数量
trangle Object optional 创建三角形,poins和p1/p2/p3只需要设置一个
Name Type Description
p1 XYZ optional 三角形的经纬度坐标,单位度
p2 XYZ optional 三角形的经纬度坐标,单位度
p3 XYZ optional 三角形的经纬度坐标,单位度
points Array.<XYZ> optional 三角形的三个顶点经纬度坐标数组,单位度
Implements:
Example:
//定义盒
var graphicsBox = new YS.Graphics({
              color: { r: 0, g: 1, b: 1, a: 1 },
              position: { x: 109.0, y: 25.0, z: 100000 },
              box: { x: 100000, y: 100000, z: 100000 }
          });

//定义圆
var graphicsCircle = new YS.Graphics({
              color: { r: 0, g: 1, b: 1, a: 1 },
              position: { x: 109.0, y: 25.0, z: 100000 },
              circle: { radius: 100000}
          });

//定义圆球
var graphicsSphere = new YS.Graphics({
              color: { r: 0, g: 1, b: 1, a: 1 },
              position: { x: 109.0, y: 25.0, z: 100000 },
              sphere: { radius: 100000, slices:64}
          });

//定义椭球
var graphicsEllipsoid = new YS.Graphics({
              color: { r: 0, g: 1, b: 1, a: 1 },
              position: { x: 109.0, y: 25.0, z: 100000 },
              ellipsoid: { radius: 100000, slices:64}
          });

//定义圆柱
var graphicsCylinder = new YS.Graphics({
              color: { r: 0, g: 1, b: 1, a: 1 },
              position: { x: 109.0, y: 25.0, z: 100000 },
              cylinder: { length: 200000, topRadius: 80000, bottomRadius: 200000}
          });

//定义矩形
var graphicsRect = new YS.Graphics({
              color: { r: 1, g: 0, b: 1, a: 1 },
              rect: {
                  rectangle: { west: 100, east: 102, north: 27, south: 25 },
                  height: 80000
              }
          });

//定义三角形
var graphicsTrangle = new YS.Graphics({
              color: { r: 0, g: 1, b: 1, a: 1 },
              trangle: {
                  points: [
                            { x: 110, y: 20, z: 100000 },
                            { x: 112, y: 23, z: 100000 },
                            { x: 114, y: 19, z: 100000 },
                  ]
              },
              topmost: true
          });

//定义直线
var graphicsLine = new YS.Graphics({
              color: { r: 0, g: 1, b: 1, a: 1 },
              line: {
                  p1: { x: 110, y: 25, z: 100000 },
                  p2: { x: 125, y: 27, z: 100000 },
                  width: 4
              }
          });

//定义折线
var graphicsPolyLine = new Graphics({
              alongGround: true,
              color: { r: 0, g: 1, b: 1, a: 1 },
              polyline: {
                  points: [
                             { x: 110, y: 22, z: 100000 },
                             { x: 112, y: 23, z: 100000 },
                             { x: 114.5, y: 19, z: 100000 },
                             { x: 118, y: 25, z: 100000 },
                             { x: 115, y: 23, z: 100000 }
                  ]
              },
              width: 4
          });

Members

visible : Boolean

获取或设置要素显示和隐藏.
Implements: