HarmoVisLayers

Display the layer that inherits the Layer class of deck.gl on the map obtained from mapbox.

Examples

<HarmoVisLayers
  viewport={this.props.viewport} actions={this.props.actions}
  mapboxApiAccessToken={MAPBOX_TOKEN}
  layers={ [ ... ] }
  mapGlComponents={ this.getComponentsDom(this.props.movedData) } // Example
/>

Properties

Properties	PropTypes	Default	Description
visible	Boolean option	true	Whether the map is visible.
actions	object required	--	state actions
viewport	object required	--	state viewport
mapboxApiAccessToken	string required	--	The access token of mapbox.com
mapStyle	string option	'mapbox://styles/mapbox/dark-v8'	A map style URL of mapbox.com
layers	array required	--	Array of Layer instance (※)
onViewportChange	func option	this.props.actions.setViewport	Actions setViewport
mapGlComponents	any	null	"react-map-gl" control DOM
mapboxAddLayerValue	mapboxgl.Layer[] option	Display buildings in 3D Value	Display buildings in 3D
mapboxAddSourceValue	object {id:string, source:object}[] option	--	Check the reference for details.
terrain	Boolean option	false	Show terrain.
terrainSource	object { id:string, source:object} option	{ id:'mapbox-dem', source:{ 'type': 'raster-dem', 'url': 'mapbox://mapbox.mapbox-terrain-dem-v1',}}	Check the reference for details.
setTerrain	object { source:string, exaggeration?:number} option	{source:'mapbox-dem'}	Check the reference for details.

※ The HarmoVisLayers is a component that render the layers that inherits the Layer class of deck.gl.