shawnbutton/grafana-trackmap-panel

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

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

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