OSH javascript Toolkit
npm install @osh-branches/osh-jsOpenSensorHub Web Client Toolkit Documentation
===
OpenSensorHub Web Client toolkit allows you to visualize data from OSH. It provides the necessary tools to build your own web application for monitoring your sensors.
It is pure javascript framework and does not require third party libraries. A set of external libraries is also available to easily build some part of your views such as
Leaflet, OpenLayer, Cesium, Chart.js etc..
It's an event based architecture suitable for real-time or playback. It allows one to make temporal synchronization or multiple data stream. It provides a styling overlay using
configurable layers as well as an advanced support for video (H264/MJPEG). It has been designed to integrate any map engines such as Lealfet, OpenLayer or Cesium.
Moreover, it offers support for SOS & SPS services, discovery function, uses the HTTP or WebSocket API.
Several modules already exist to allow one to setup quickly an application such as Orientation, DataSourceChart, Video, Map etc..
Please report all problems related to the SensorHub software including documentation errors via the GitHub Issue Tracker
of the osh-js repository.
shell script
$ cd ./showcase
$ yarn install
$ yarn dev
`
or
`shell script
$ cd ./showcase
$ npm install
$ npm run dev
`
$3
`shell script
$ yarn install
$ yarn prod
`
or
`shell script
$ npm install
$ npm run prod
`
Dependencies
$3
If you use the CesiumView, don't forget to install the corresponding npm package 'cesium'.
Moreover, you can apply a path to fix texture issue while using image draping. The patch is
located into the patches directory. To apply the patch,you can use patch-package:
`sh
$ npm i -D patch-package
`
Add the corresponding patch into your source folder and apply the patch using npm i.
package.json:
`shell script
"scripts": {
"postinstall": "patch-package",
...
},
`
You can add any external dependencies using npm. For example, if you attempt to use
some OpenLayer features, don't forget to install OpenLayer as node module dependency.
Build site
Because there are 2 environments, you must pass the ENV variable to build the corresponding target: 'dev' | 'latest'
`shell
$ ENV=dev yarn vuepress
`
or
`shell
$ ENV=latest yarn vuepress
``