`<tosi-scroll-map>`

Waypoint-driven scroll controller for a tosijs-ui <tosi-map> (Mapbox). Inside a <tosi-map> within a section, each <tosi-waypoint coords="lat,lng,zoom"> becomes a keyframe; as the section pins, the map flies between them — pure declarative HTML, no scroll callbacks. Latitude, longitude and zoom interpolate independently, so a low-zoom mid-flight waypoint gives a dramatic zoom-out-then-in.

Attributes

<tosi-scroll-map>

easing — "ease-in-out" eases each segment (default: linear).

<tosi-waypoint>

progress — 0 → 1 keyframe position.
coords — "lat,lng,zoom" (the same triple <tosi-map> takes), or separate lat / lng / zoom attributes.