Skip to content

TimeTravel

Panoramax.components.ui.TimeTravel ⇐ lit.LitElement

Kind: static class of Panoramax.components.ui
Extends: lit.LitElement
Element: pnx-time-travel

new TimeTravel()

TimeTravel component lets the user jump between captures of the same place taken on different months.

When the current picture's location has captures on 2 or more distinct months, a clock button shows up. Clicking it opens a thumbnail filmstrip (one best picture per month, oldest first); clicking a thumbnail selects that capture.

Nearby captures are read from the already-loaded map vector tiles when a map is available and zoomed in (no extra API call, and the active map filters apply); otherwise they are fetched from the API (e.g. in the Photo Viewer).

Only captures looking roughly the same way as the current view are kept (to avoid confusing opposite-direction pictures); for a 360° current picture the reference is the direction the user is looking at, and the listing is rebuilt on rotation. The widget is hidden on mobile-sized containers (see Viewer widget setup).

Example

<pnx-time-travel ._parent=${viewer} />

timeTravel.properties : Object

Component properties.

Kind: instance property of TimeTravel
Properties

Name Type Default Description
[size] string "xl" Button size (md, xl)