MapGIS Client for JavaScript API

# new IGSSceneLayer(options)

参数:

支持如下方法：

示例

初始化场景图层

// 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
      }
    }]
  }]
});