Harmoware-VIS Documents
  • Introduction
  • Using
    • Mapbox Accesstoken Setting
    • User Application Examples
  • API
    • State
    • Actions
    • getCombinedReducer
    • Container
    • connectToHarmowareVis
    • HarmoVisLayers
  • Layers
    • Base Layer properties.
    • MovesLayer
    • DepotsLayer
    • LineMapLayer
  • Control component
    • MovesInput
    • DepotsInput
    • LinemapInput
    • LoadingIcon
    • AddMinutesButton
    • ElapsedTimeRange
    • ElapsedTimeValue
    • PauseButton
    • PlayButton
    • ForwardButton
    • ReverseButton
    • NavigationButton
    • SimulationDateTime
    • SpeedRange
    • SpeedValue
    • FpsDisplay
  • css
Powered by GitBook
On this page

Was this helpful?

  1. API

Container

This is the class inherited from React.Component. This is the base component of the Harmoware-VIS library which updates settime and animation frame. Please output DOM with the render method.

Examples

// using mapbox
import React from 'react';
import {
  Container, connectToHarmowareVis, HarmoVisLayers, ...
} from 'harmoware-vis';

class App extends Container {
  render() {
    const { viewport, actions, ... } = this.props;
    return (
      <HarmoVisLayers
        viewport={viewport}  actions={actions}
        mapboxApiAccessToken={ ... } layers={[ ... ]}
      />
    );
  }
}

export default connectToHarmowareVis(App);
PreviousgetCombinedReducerNextconnectToHarmowareVis

Last updated 5 years ago

Was this helpful?