Skip to content

Latest commit

 

History

History
96 lines (53 loc) · 1.95 KB

File metadata and controls

96 lines (53 loc) · 1.95 KB

Journey Map

Shows an 'overall' journey map, with the entire GPS trace shown over a map. The map is scaled appropriately to fit the entire journey.

<component type="journey_map" size="256" />

06-journey-map-0.png

Sizing

Moving map is always the same width as its height, use size to set the size

<component type="journey_map" size="64" />

06-journey-map-1.png

Positioning

Use x and y to set the position on screen

<component type="journey_map" x="64" y="64" size="64" />

06-journey-map-2.png

Opacity

Set the opacity using opacity. It defaults to 1.0 which is completely opaque. 0.0 would be completely transparent. The gopro video will be visible through the component, if it is not completely opaque.

<component type="journey_map" opacity="0.6" />

06-journey-map-3.png

Rounded Corners

Corners can be rounded with corner_radius.

<component type="journey_map" size="256" corner_radius="40" />

06-journey-map-4.png

if corner_radius == half the width (ie. the radius) then the corners will be so rounded that the map becomes a circle

<component type="journey_map" size="256" corner_radius="128"/>

06-journey-map-5.png

Fade out

Corners can be faded out using parent frame's fo where you can specify how many pixels to use for the fade out.

<frame width="200" height="200" bg="255,255,255">
    <frame width="200" height="200" cr="50" fo="40">
      <component type="journey_map" size="200"/>
    </frame>
</frame>

06-journey-map-6.png

Copyright

All maps are © OpenStreetMap contributors

Please see Copyright https://www.openstreetmap.org/copyright