Class: RangeTheme3DLayer

mapboxgl.supermap.RangeTheme3DLayer

The 3D range thematic map layer class.

new mapboxgl.supermap.RangeTheme3DLayer(id, layerOptions)

RangeTheme3DLayer.js, line 5
Name Type Description
id string optional

Thematic map layer id. The theme layer ID is created by default using CommonUtil.createUniqueID("theme3DLayer").
layerOptions Object

Thematic map layer configuration item, the parameters are inherited from Theme3DLayer.

Name Type Default Description
heightStops Array optional

Data height piecewise array.
colorStops Array

Piecewise array of data color.
base number optional

Piecewise linear increment of data.
legendRatio number 1 optional

Numerical expansion coefficient of the legend.
Example
new mapboxgl.supermap.RangeTheme3DLayer(layerId, map, {
     enableHighlight:true,
      // Set piecewise
     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)']],
     // Show the legend
     showLegend: true,
     legendTheme: 'dark',
     legendTitle: "legend"
});

Members

basenumber

Piecewise linear increment of data.

colorStopsArray

A segmented array of data colors.

heightStopsArray

Data height piecewise array.

legendRationumber

Numerical expansion coefficient of the legend.

Default Value:
1

Methods

getHighlightStyleOptions(){Object}

RangeTheme3DLayer.js, line 100

Get the highlight style.

Returns:
Type Description
Object Mapbox GL style object.

getLayerStyleOptions(){Object}

RangeTheme3DLayer.js, line 58

Get style of the layer.

Returns:
Type Description
Object Mapbox GL style object.