Skip to content

andness/grafana-trackmap-panel

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TrackMap Panel for Grafana

A panel for Grafana that visualizes GPS points as a line on an interactive map.

Features

  • Places a dot on the map at the current time as you mouse over other panels.
  • Zoom to a range of points by drawing a box by shift-clicking and dragging.
  • Multiple map backgrounds: OpenStreetMap, OpenTopoMap, and Satellite imagery.
  • Track and dot colors can be customized in the options tab.

Screenshots

Show current selection as a dot on the map Zoom in by selecting a range of points Chose what map to display the data on

Installation

To use the latest version of this plugin, clone it into Grafana's plugin directory (you can find this path in Grafana's logs when it starts up) and run git checkout releases. You should now be able to select the "TrackMap" panel when adding a new panel to a Grafana dashboard. To use an earlier version use git to checkout an earlier commit on the releases branch.

To use an unreleased version of the plugin or do development, you will need to manually build it from source.

To build, install npm, check out the master branch (or the commit you want to build) and run the following commands in the plugin's directory:

npm install
npm run build

This will build the currently checked out source into the dist folder for Grafana to use.

Configuration

The plugin requires latitude and longitude measurements provided as floats in two separate fields formatted by Grafana as a "Time series".

The following setup has been tested using InfluxDB as a data source in the case where latitude and longitude are stored in the location table. You will have customize the query for your setup accordingly.

SELECT median("latitude"), median("longitude") FROM "location" WHERE $timeFilter GROUP BY time($interval)

It's also possible to use MySQL/MariaDB as a data source by using 2 queries along the lines of:

A: SELECT "latitude" as value, $__time(timestamp) FROM "location" WHERE $__timeFilter(timestamp) ORDER BY timestamp ASC
B: SELECT "longitude" as value, $__time(timestamp) FROM "location" WHERE $__timeFilter(timestamp) ORDER BY timestamp ASC

About

A panel for Grafana that visualizes GPS points as a line on an interactive map

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 85.3%
  • HTML 13.5%
  • CSS 1.2%