DepotsLayer

The DepotsLayer will render depots or stations on a map. Layer for HarmoVisLayers.

Examples

<HarmoVisLayers ...
  layers={[
    new DepotsLayer( { depotsData: this.props.depotsData } )
  ]}
/>

Properties

Inherits from Base Layer properties.

Properties

PropTypes

Default

Description

depotsData

Array required

--

state depotsData

iconlayer

String option

undefined

'Scatterplot' or 'SimpleMesh'

※ Invalid if there is iconDesignations definition

iconChange

Boolean option

true

true : 3D Icon false : Circle Icon

※ Invalid if there is iconDesignations definition

iconDesignations

Array option

--

Icon layer multiple specification information.

※ interface : IconDesignation

layerRadiusScale

Number option

1

Icon size scale

layerOpacity

Number option

0.5

Icon opacity

getColor

Function option

x => x.color || DARKMAGENTA

Icon color specification accessor

getRadius

Function option

x => x.radius || 30

Icon radius specification accessor

optionVisible

Boolean option

true

Option information display availability

optionChange

Boolean option

false

option Display pattern switching

optionOpacity

Number option

0.25

option Information opacity

optionCellSize

Number option

20

option information cell size

optionElevationScale

Number option

1

option information elevation scale

optionCentering

Boolean option

false

option information centering

optionDisplayPosition

Number option

30

option information position

for 'SimpleMesh' layer

getCubeColor

Function option

x => x.optColor || [x.color] || [DARKMAGENTA]

option information color specification accessor

getCubeElevation

Function option

x => x.optElevation || [0]

option information elevation specification accessor

mesh

any option

new IcoSphereGeometry()

The geometry to render for each data object.

meshSizeScale

Number option

40

Valid when iconChangeis true.

Multiplier to scale each geometry by.

getOrientation

Function option

[0,0,0]

getScale

Function option

[1,1,1]

Valid when iconChangeis true.

Scaling factor on the mesh along each axis.

getTranslation

Function option

[0,0,0]

The JSON format of the depots data file

// Specified in `position` or `longitude-latitude` format
[
  { "position": [999.9999, 999.9999, 999.9999], // depots position (long,Lati,height)
  },・・・・・・
]

[
  { "longitude": 999.9999, // depots position (longitude)
    "latitude": 99.9999, // depots position (latitude)
  },・・・・・・
]

Reserved key name of simulation data file

type,position,longitude,latitude

Option Display Sample

Multiple icon layers.

Add "type" identification to depots data. Define information for each type in iconDesignations of Props.

Format of information defined in iconDesignations. If not specified, it will be the specified value of DepotsLayer's props.

Properties

PropTypes

Description

type

string required

The type identifier added to the depots data.

layer

string required

'Scatterplot' or 'SimpleMesh'

radiusScale

number option

Same as DepotsLayer props.

getColor

Function option

Same as DepotsLayer props.

getOrientation

Function option

Same as DepotsLayer props.

getScale

Function option

Same as DepotsLayer props.

getTranslation

Function option

Same as DepotsLayer props.

getRadius

Function option

Same as DepotsLayer props.

sizeScale

number option

Same as DepotsLayer props.

mesh

any

option

layer specification is for SimpleMesh.

Same as DepotsLayer props.

Last updated