[FEATURE] Demo mode#324
Draft
Jeff Underwood (jeffdefacto) wants to merge 8 commits into
Draft
Conversation
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>
❌ Linked Issue Check FailedThis PR does not reference enough linked issues (found 0, required 1). Please link an issue from this repository, using After adding a linked issue, you may need to manually re-run this check from the Checks tab to update the status. |
🗺️ Overture Explorer preview is live!
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>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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.