RangeTheme3DLayer Class

RangeTheme3DLayer(id, layerOptions)

三维分段专题图

Fx构造函数

# new RangeTheme3DLayer(id, layerOptions)

参数:
名称 类型 描述
id string

专题图图层id

layerOptions Object

专题图图层配置项,参数继承自Theme3DLayer,新增参数如下:
heightStops -{Array} 数据高度分段数组
colorStops -{Array} 数据颜色分段数组
base -{number} 数据分段线性增量
legendRatio -{number} 图例数值扩大系数

查看源代码 mapboxgl/theme/RangeTheme3DLayer.js, line 5

Example
new RangeTheme3DLayer(layerId, map, {
          enableHighlight:true,
          // 设置分段
          heightField: "floor",
          heightStops: [[1, 10], [10, 100]],
          colorStops: [
              [0, 'rgba(33, 41, 52, 0.8)'], [20, 'rgba(69,117,180, 0.7)'], [50, 'rgba(116,173,209, 0.7)'], [100, 'rgba(171,217,233, 0.7)']
          ],
          // 显示图例
          showLegend: true,
          legendTheme: 'dark',
          legendTitle: "图例"
      });