Everything you need to know :)
.:: FlatPress Home :: Support forum :: Twitter :: Mastodon ::.
This plugin adds Jürgen Berkemeier's free JavaScript library GPX Viewer to FlatPress.
It adds a BBCode tag “gpx” to include your uploaded GPX file into your blog entry or static page.
Important: The GPX Viewer library is free for non-commercial use. If you want to use it in a commercial environment, please contact its author Jürgen Berkemeier.
Author of the FlatPress plugin is Arvid Zimmermann.
Upload a GPX file to your FlatPress instance. Then simply insert into your static page or blog entry:
[gpx="attachs/file.gpx"]
You can set the default map type in the plugin's settings. Nevertheless, each GPX track can be displayed with an individual map layer:
[gpx="attachs/file.gpx" maptype="opentopo"]
See all available values for the “maptype” attribut in the select box of the plugin settings.
The plugin's output consists of two parts: The map itself and a height profile plot.
The map is displayed as <div class="gpxmap">
, the height profile plot as <div class="gpxheightprofile">
.
Those two are packed together in a <div class="gpx">
.
<div class="gpx"> <div class="gpxmap"></div> <div class="gpxheightprofile"></div> </div>
You find the default CSS defintions for these classes in res/gpxplugin.css.
The GPX Viewer library allows to change appearance of the map and height profile (such as colors and other behaviour) via JavaScript control variables. The file res/costumsettings.js contains a few of them to start with; you find them all on the GPX Viewer documentation page.