类名 IGSSceneLayer

# new IGSSceneLayer(options)

场景图层

参数

名称 类型 默认值 描述
options Object

构造参数。图层类型为地形时,不支持设置options.opacity图层透明度属性。

url String

服务基地址,支持IGS1.0和IGS2.0的场景服务
场景服务基地址格式(IGS1.0):http://{ip}:{port}/igs/rest/g3d/{服务名}
场景服务基地址格式(IGS2.0):http://{ip}:{port}/igs/rest/services/{服务名}/SceneServer

scenes Array.<Scene> []

场景集合,一个场景图层可以有多个场景,一个场景可以有多个子图层

支持如下方法:
[1、加载图层资源]
[2、通过传入的json构造并返回一个新的图层对象]
[3、导出为json对象]
[4、克隆图层对象]

示例

初始化场景图层

// ES5引入方式
const { IGSSceneLayer } = zondy.layer
// ES6引入方式
import { IGSSceneLayer } from "@mapgis/webclient-common"
const layer = new IGSSceneLayer({
  // 服务基地址
  url: '服务基地址'
  // 设置场景初始化参数
  scenes: [{
    // 设置子图层初始化参数
    sublayers: [{
      // 子图层id
      id: 'id',
      // 子图层初始化参数
      extensionOptions: {
        // 开启自动跳转
        autoReset: true
      }
    }]
  }]
});

单值专题图

// ES5引入方式
const { IGSSceneLayer } = zondy.layer
const { UniqueValueRenderer } = zondy.renderer
const { SimpleFillSymbol,SimpleLineSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import { IGSSceneLayer,UniqueValueRenderer,SimpleFillSymbol,SimpleLineSymbol,Color } from "@mapgis/webclient-common"
// 构造单值渲染器
const renderer = new UniqueValueRenderer({
  // 专题图过滤字段名
  field: "字段名",
  // 单值专题图过滤条件数组
  uniqueValueInfos: [
    {
      // 指定字段值
      value: '过滤字段值1',
      // 匹配到该值后的样式
      // M3D专题图仅支持SimpleFillSymbol符号
      symbol: new SimpleFillSymbol({
        // 填充颜色
        color: new Color(255, 0, 0)
      })
    },
    {
      // 指定字段值
      value: '过滤字段值2',
      // 匹配到该值后的样式
      // M3D专题图仅支持SimpleFillSymbol符号
      symbol: new SimpleFillSymbol({
        // 填充颜色
        color: 'rgb(255, 123, 220)'
      })
    }
  ]
})
// 构造场景图层
const layer = new IGSSceneLayer({
  // 服务基地址
  url: '服务基地址',
  // 设置场景初始化参数
  scenes: [{
    // 设置子图层初始化参数
    sublayers: [{
      // 子图层id
      id: 'id',
      // 设置专题图渲染器
      renderer: renderer,
      // 子图层初始化参数
      extensionOptions: {
        // 开启自动跳转
        autoReset: true
      }
    }]
  }]
});

分段专题图

// ES5引入方式
const { IGSSceneLayer } = zondy.layer
const { ClassBreakRenderer } = zondy.renderer
const { SimpleFillSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import { IGSSceneLayer,ClassBreakRenderer,SimpleFillSymbol,Color } from "@mapgis/webclient-common"
// 构造分段渲染器
const renderer = new ClassBreakRenderer({
  // 专题图过滤字段名
  field: "字段名",
  // 分段专题图过滤条件数组
  classBreakInfos: [
    {
      // 最小过滤范围,field对应的值大于等于minValue
      minValue: 0,
      // 最大过滤范围,field对应的值小于maxValue
      maxValue: 2,
      // 匹配到该值后的样式
      // M3D专题图仅支持SimpleFillSymbol符号
      symbol: new SimpleFillSymbol({
        // 填充颜色
        color: new Color(255, 0, 0)
      })
    },
    {
      // 最小过滤范围,field对应的值大于等于minValue
      minValue: 3,
      // 最大过滤范围,field对应的值小于maxValue
      maxValue: 5,
      // 匹配到该值后的样式
      // M3D专题图仅支持SimpleFillSymbol符号
      symbol: new SimpleFillSymbol({
        // 填充颜色
        color: 'rgb(255, 123, 220)'
      })
    }
  ]
})
// 构造场景图层
const layer = new IGSSceneLayer({
  // 服务基地址
  url: '服务基地址',
  // 设置场景初始化参数
  scenes: [{
    // 设置子图层初始化参数
    sublayers: [{
      // 子图层id
      id: 'id',
      // 设置专题图渲染器
      renderer: renderer,
      // 子图层初始化参数
      extensionOptions: {
        // 开启自动跳转
        autoReset: true
      }
    }]
  }]
});

单值专题图-Cesium原生方式

// ES5引入方式
const { IGSSceneLayer } = zondy.layer
// ES6引入方式
import { IGSSceneLayer } from "@mapgis/webclient-common"
// 构造Cesium原生渲染器
const renderer = {
  // 专题图过滤字段名
  field: "字段名",
  // 专题图类型-分段
  type: "class-breaks",
  // 分段专题图过滤条件数组
  classBreakInfos: [{
    // 最小过滤范围,field对应的值大于等于minValue
    minValue: 1,
    // 最大过滤范围,field对应的值小于maxValue
    maxValue: 7,
    // 渲染符号
    symbol: {
      // 渲染类型为M3D
      type: 'mesh-3d',
      // 覆盖物图层
      symbolLayers: [{
        // 图层类型-颜色填充
        type: "fill",
        // 图层材质
        material: {
          // 填充颜色
          color: Cesium.Color.ANTIQUEWHITE
        }
      }]
    }
  }]
}
// 构造场景图层
const layer = new IGSSceneLayer({
  // 服务基地址
  url: '服务基地址',
  // 设置场景初始化参数
  scenes: [{
    // 设置子图层初始化参数
    sublayers: [{
      // 子图层id
      id: 'id',
      // 子图层初始化参数
      extensionOptions: {
        // 开启自动跳转
        autoReset: true,
        // 设置专题图渲染器
        renderer: renderer
      }
    }]
  }]
});

分段专题图-Cesium原生方式

// ES5引入方式
const { IGSSceneLayer } = zondy.layer
// ES6引入方式
import { IGSSceneLayer } from "@mapgis/webclient-common"
// 构造Cesium原生渲染器
const renderer = {
  // 专题图过滤字段名
  field: "字段名",
  // 专题图类型-单值
  type: "unique-value",
  // 单值专题图过滤条件数组
  uniqueValueInfos: [
    // 指定字段值
    value: '过滤字段值',
    // 渲染符号
    symbol: {
      // 渲染类型为M3D
      type: 'mesh-3d',
      // 覆盖物图层
      symbolLayers: [{
        // 图层类型-颜色填充
        type: "fill",
        // 图层材质
        material: {
          // 填充颜色
          color: new Cesium.Color(0.0, 0.0, 1.0, 0.5)
        }
      }]
    }
  ]
};
// 构造场景图层
const layer = new IGSSceneLayer({
  // 服务基地址
  url: '服务基地址',
  // 设置场景初始化参数
  scenes: [{
    // 设置子图层初始化参数
    sublayers: [{
      // 子图层id
      id: 'id',
      // 子图层初始化参数
      extensionOptions: {
        // 开启自动跳转
        autoReset: true,
        // 设置专题图渲染器
        renderer: renderer
      }
    }]
  }]
});

继承关系

成员变量

成员变量概述

名称 类型 描述
allSublayers Collection

所有子图层对象

boundingSphere Object

模型外包球

boundingVolume Object

模型外包盒

description String

描述信息

fieldInfo String

服务包含的表字段数组

position Object

模型位置

sceneIndex String

场景id

sceneName String

服务名

scenes Array.<Scene>

场景集合

spatialReference Object

模型坐标系

tokenKey String

token名

tokenValue String

token值

type String

图层类型

url String

服务基地址

version String

服务版本号

成员变量详情

Collection

# readonly allSublayers

所有子图层对象

Object

# readonly boundingSphere

模型外包球

Object

# boundingVolume

模型外包盒

String

# description

描述信息

String

# fieldInfo

服务包含的表字段数组

Object

# position

模型位置

String

# sceneIndex

场景id

String

# sceneName

服务名

Array.<Scene>

# scenes

场景集合

Object

# spatialReference

模型坐标系

String

# tokenKey

token名

Inherited From:
String

# tokenValue

token值

Inherited From:
String

# type

图层类型

String

# url

服务基地址

Overrides:
String

# version

服务版本号

方法

方法概述