×
Forum for the GPXTrackMap Content Plugin for Joomla! 2.5 and 3.x
Further design considerations
fingeradmin replied the topic: Further design considerations
- fingeradmin
- Offline
- Posts: 249
- Thank you received: 44
6 years 7 months ago
to the css file of your site.
Roll over on graphs so a pointer displays on map, and visa versa, possibly with distance and elevation displayed
I guess maybe this could be done with some nifty Javascript code, but honestly i'm not good enough at this to do it - maybe someone else here can. I've seen this feature on sites using the Leaflet library (instead of Openlayers), don't know if this is doable with Openlayers.
Waypoints shown on graphs with anchoring line to X axis
So the waypoints drawn onto the generated SVG file for the elevations diagram, is that what you mean?
Turning data off completely - it still shows n/a when turned off, or perhaps if it is n/a then it can be ignored so relevent data can be displayed; a planned route from software vs an actual route recorded by a device
This can be done by modifying the layout templates, take a look here:
software.frankingermann.de/gpxtrackmap/g...ons/layout-templates
Ability to seperate map, graphs and the data readouts - eg I may want to add a list of the notable climbs and their details and then display just the elevation profile with the map further up the page
Also doable with Layout templates: create one with just the map, another one with just the placeholder for the elevation graph and a third one just for the data. Then include the same track three times with tpl=1, tpl=2 and tpl=3 respectively.
I wouldn't recommend this for large tracks, though, because the file has to be read three times individually.
Possibility for y-axis to be displaed to the left of the graph
Don't know what exactly you mean here... just a vertical line for the axis?
Ability to define the y-axis scale to set increments like the x-axis
The diagram's y axis is scaled automatically, defined by the highest and lowest elevation in the track. Scaling it manually seems a bit cumbersome, as you would have to manually have to calculate the parameters and pass them as parameters for each track individually.
x-axis ignoring the first as from what I've seen it starts on random numbers rather than 0
Hmm, the x axis DOES always start at zero. The number in the lower left corner is the elevation of the lowermost line of the y grid, not the x axis start (though admittedly this is not very obvious - maybe having a different font or font weight for the y axis labeling would help?)
Ability to define different templates per output - I didn't see this mentioned in the presets tutorial
See above: define your layout templates and in the invocation code add ",tpl=1". So you can use a different template on a per-track-basis.
hope this helps to get along - but first, let's get the actual track to show up
cheers, Frank
i'll try to answer each one inline:
- Rounded corners to map and graphs
You can achieve this by adding
div.olMapViewport { border-radius: 20px; }
img.gpxtrackdiagram { border-radius: 20px; }
I guess maybe this could be done with some nifty Javascript code, but honestly i'm not good enough at this to do it - maybe someone else here can. I've seen this feature on sites using the Leaflet library (instead of Openlayers), don't know if this is doable with Openlayers.
So the waypoints drawn onto the generated SVG file for the elevations diagram, is that what you mean?
This can be done by modifying the layout templates, take a look here:
software.frankingermann.de/gpxtrackmap/g...ons/layout-templates
Also doable with Layout templates: create one with just the map, another one with just the placeholder for the elevation graph and a third one just for the data. Then include the same track three times with tpl=1, tpl=2 and tpl=3 respectively.
I wouldn't recommend this for large tracks, though, because the file has to be read three times individually.
Don't know what exactly you mean here... just a vertical line for the axis?
The diagram's y axis is scaled automatically, defined by the highest and lowest elevation in the track. Scaling it manually seems a bit cumbersome, as you would have to manually have to calculate the parameters and pass them as parameters for each track individually.
See above: define your layout templates and in the invocation code add ",tpl=1". So you can use a different template on a per-track-basis.
hope this helps to get along - but first, let's get the actual track to show up
cheers, Frank
Last edit: 6 years 7 months ago by fingeradmin.
The following user(s) said Thank You: willpom
Please Log in to join the conversation.
willpom created the topic: Further design considerations
- willpom
- Topic Author
- Offline
- Posts: 4
- Thank you received: 0
6 years 7 months ago
All in all though it is a very well thought out extension and I thank you for your time. Hopefully I can get it to show the actual track (see other post)
Hi
I have a few further design considerations.
- Rounded corners to map and graphs
- Roll over on graphs so a pointer displays on map, and visa versa, possibly with distance and elevation displayed
- Waypoints shown on graphs with anchoring line to X axis
- Turning data off completely - it still shows n/a when turned off, or perhaps if it is n/a then it can be ignored so relevent data can be displayed; a planned route from software vs an actual route recorded by a device
- Ability to seperate map, graphs and the data readouts - eg I may want to add a list of the notable climbs and their details and then display just the elevation profile with the map further up the page
- Possibility for y-axis to be displaed to the left of the graph
- Ability to define the y-axis scale to set increments like the x-axis
- x-axis ignoring the first as from what I've seen it starts on random numbers rather than 0
- Ability to define different templates per output - I didn't see this mentioned in the presets tutorial
All in all though it is a very well thought out extension and I thank you for your time. Hopefully I can get it to show the actual track (see other post)
Please Log in to join the conversation.