Code Monkey home page Code Monkey logo

workshop's Introduction

Local qAIRa Map

Open source web page developed with the purpose of displaying the air quality data offline for a workshop.

Getting Started

Clone or download the project to the device where it will be used.

Make sure you have a json format file in the Data folder, as well as a .mbtiles format map hosted in the root folder.

Prerequisites

Install Docker on your computer and then run in the Worshop directory with the downloaded MBTiles the command:

docker run --rm -it -v $(pwd):/data -p 8080:80 klokantech/tileserver-gl

This will download and start a ready to use container on your computer and the maps are going to be available in webbrowser on localhost:8080.

Installing

After having our map available in localhost: 8080. We verify to have the file:

WorkShop/src/Data/users.json

With the format:

{
  "Data":[
    {
      "id": 'number',
      "timestamp": 'date',
      "CO": 'number',
      "CO2": 'number',
      "H2S": 'number',
      "NO": 'number',
      "NO2":'number',
      "O3": 'number',
      "PM1": 'number',
      "PM25": 'number',
      "PM10": 'number',
      "SO2": 'number',
      "VOC": 'number',
      "UV": 'number',
      "UVA": 'number',
      "UVB": 'number',
      "spl": 'number',
      "humidity": 'number',
      "pressure": 'number',
      "temperature": 'number',
      "lat": 'number',
      "lon": 'number',
      "qhawax_id": 'number',
      "alt": 'number'
    }
  ]

Luego vamos a la carpeta src y la desplegamos localmente.

Built With

Authors

  • qAIRa Drones - Initial work - GitHub

License

This project is licensed under the MIT License - see the LICENSE.md file for details

workshop's People

Contributors

sabalej avatar sabcampos avatar

Watchers

 avatar

Forkers

qaira

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.