Skip to content

[FEATURE] Demo mode#324

Draft
Jeff Underwood (jeffdefacto) wants to merge 8 commits into
mainfrom
demo-mode
Draft

[FEATURE] Demo mode#324
Jeff Underwood (jeffdefacto) wants to merge 8 commits into
mainfrom
demo-mode

Conversation

@jeffdefacto

@jeffdefacto Jeff Underwood (jeffdefacto) commented Jul 7, 2026

Copy link
Copy Markdown

An idea for a demo mode that will auto fly between cities every few seconds and randomly select a feature.

Not production ready and mostly just experimenting for a conference demo.

Adds a play/pause button next to the bookmark star. When playing,
flyTo() cycles through all bookmark cities every 9s (3s fly + 6s dwell).
Stops automatically if the user drags the map.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
While demoing, the map slowly orbits 25° after landing (cinematic rotation),
and a frosted-glass card fades in mid-fly showing the city name and
"Overture Maps" subtitle. Card fades out before each transition.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Adds animateSlider(target, durationMs) to MapView — temporarily widens
the CSS transition so the slider sweeps slowly instead of snapping.
BookmarkDial calls it during each city stop: 4s after the fly begins,
the slider glides to inspect (0) or explore (1) over 2s, holds 0.5s,
then glides back to center. Alternates sides each city. Resets to
center (600ms) whenever the demo is paused or drag-stopped.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Fly: 3s → 4s, slider sweep: 2s → 2.5s per leg, edge hold: 0.5s → 0.8s,
city name fade: 0.8s → 1.2s, overlay delay: 1.5s → 2s.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
After each city's flyTo lands (+2s tile buffer), queryRenderedFeatures
at map center picks the top interactive feature, highlights it, and
opens the inspector panel. Selection and drawer are cleared at the
start of each city transition. Highlight uses the existing feature-state
system (red selection color via LayerManager).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions

github-actions Bot commented Jul 7, 2026

Copy link
Copy Markdown

❌ Linked Issue Check Failed

This PR does not reference enough linked issues (found 0, required 1).

Please link an issue from this repository, using Fixes #123, Closes #123, or the GitHub UI.

After adding a linked issue, you may need to manually re-run this check from the Checks tab to update the status.

@jeffdefacto Jeff Underwood (jeffdefacto) changed the title [Feature] Demo mode [FEATURE] Demo mode Jul 7, 2026
@github-actions

github-actions Bot commented Jul 7, 2026

Copy link
Copy Markdown

🗺️ Overture Explorer preview is live!

🌍 Preview https://staging.overturemaps.org/explore-site/pr/324/index.html
🕐 Updated 2026-07-07T22:07:33Z
📝 Commit 5220c88

Note

♻️ This preview updates automatically with each push to this PR.

When the demo is paused or stopped, a 60-second idle timer starts.
Any map interaction (drag, zoom, click) resets the countdown. When
the timer fires, the demo restarts from the first city.

Only arms after the user has explicitly pressed play at least once —
the demo never auto-starts on a fresh page load.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant