README.md

Moving Journey Map

This is a combination of the Moving Map and the Journey map. It shows the entire journey, but also moves - it doesn't currently rotate.

It renders the journey at a given zoom level, moving the map to fit the current location

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

Sizing

<component type="moving_journey_map" size="128" />

<component type="moving_journey_map" size="384" />

Zoom

The zoom can be set with zoom - Very high levels of zoom might not work reliably for long journeys, or may move too quickly on the video.

<component type="moving_journey_map" size="256" zoom="11" />

<component type="moving_journey_map" size="256" zoom="14" />

Positioning, Transparency and Corners

The component should be placed in a translate to move it around the screen To make the component rounded or transparent, it can be placed in a frame

<translate x="20" y="20">
    <frame width="256" height="256" outline="255,0,0" opacity="0.6" cr="128">
        <component type="moving_journey_map" name="moving_map" size="256" zoom="16"/>
    </frame>
</translate>

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="moving_journey_map" size="200"/>
    </frame>
</frame>