Scrolling Itinerary Map is a Framer code component created with the help of Agent mode for creating immersive, scroll-synced map experiences.
Pair a live interactive map with a scrolling itinerary. As visitors move through each stop, the map smoothly glides to the matching location, highlights the active marker, and keeps the story visually connected from start to finish.
Built with Leaflet and OpenStreetMap by default, with no API required. Add stops exact coordinates, customize markers and routes, and adapt the layout for travel itineraries, curated tours, property tours, event maps, editorial stories, and location-based landing pages.
Includes:
Scroll-synced interactive map
OpenStreetMap / Leaflet setup
Multiple map styles
Manual latitude and longitude support
Custom markers, active states, and route line
Responsive desktop and mobile layouts
Full design and motion controls inside Framer
Scrolling Itinerary Map is a Framer code component created with the help of Agent mode for creating immersive, scroll-synced map experiences.
Pair a live interactive map with a scrolling itinerary. As visitors move through each stop, the map smoothly glides to the matching location, highlights the active marker, and keeps the story visually connected from start to finish.
Built with Leaflet and OpenStreetMap by default, with no API required. Add stops exact coordinates, customize markers and routes, and adapt the layout for travel itineraries, curated tours, property tours, event maps, editorial stories, and location-based landing pages.
Includes:
Scroll-synced interactive map
OpenStreetMap / Leaflet setup
Multiple map styles
Manual latitude and longitude support
Custom markers, active states, and route line
Responsive desktop and mobile layouts
Full design and motion controls inside Framer