Skip to content
Web interface for OwnTracks
JavaScript HTML CSS
Branch: master
Clone or download
linusg Now official (#8)
Remove disclaimer from README.md after project was transferred to the owntracks organisation
Latest commit 4c45387 Sep 3, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs/images Crop live.png Apr 14, 2019
static Fix map in WebKit/Blink Jun 18, 2019
.gitignore Add custom config file to .gitignore Mar 1, 2019
LICENSE Initial commit Feb 28, 2019
README.md Now official Sep 3, 2019
index.html Add existing project files Mar 1, 2019

README.md

OwnTracks UI

A modern web interface for OwnTracks made with Vue.js

OwnTracks UI

Introduction

This is a web interface for OwnTracks, intended to replace the various web pages shipping with the recorder. OwnTracks UI uses Vue.js under the hood.

Installation

Clone the repository and copy index.html and the static/ directory to your server's webroot. The API is expected to be reachable under the same domain as the web interface.

Features

  • Enable or disable multiple layers:

    • Last known (i.e. live) locations:

      • Accuracy visualization (circle)
      • Device friendly name and icon
      • Detailed information (if available): time, lat, lon, height, battery and speed
    • Location history (data points, line or both)

    • Location heatmap

    • Button to quickly fit all shown objects on the map into view

  • Display data in a specific date range

  • Filter by user and device

  • Customizable:

    • UI color

    • Default start and end date

    • Map:

      • Tile server
      • Max zoom
      • Default position and zoom
      • Heatmap colors, radius and blur

Screenshots

Click to enlarge.

Live Multiple Date selection Heatmap Customized

ToDo

  • Node.js based development workflow:

    • Webpack
    • Vue SFCs
    • Sass
    • Dependency management with yarn instead of a local copy or unpkg.com
  • Add documentation, at least for the config file

  • Docker support

  • Download data for selected date range, user and device as JSON

Contributing

Please feel free to open an issue and discuss your ideas and report bugs. If you think you can help out with something, open a PR!

You can’t perform that action at this time.