Tutorials

Every snippet on these pages assumes you already have const unmap = new Unmap({ key }) from the Quickstart; they show the call, not the setup.

The examples each demonstrate one endpoint and the framework recipes each wire one framework. These are the third thing: a job someone is actually trying to finish, composed from several endpoints, with the awkward parts at the seams written down rather than skipped.

The code is framework-free on purpose, plain TypeScript against @unmap/sdk. Writing each tutorial four times over would be near-duplicate pages chasing keyword variants, and the interesting part is the composition rather than the JSX. Take the calls from here and the wiring from a recipe.

Tutorials

Build a delivery zone map

Draw the area you actually serve, from drive time rather than a radius, and test an address against it.

Open

Build a nearest-location finder

Take a customer's address, find your closest branch by road rather than by straight line, and draw the way there.

Open

Build an address autocomplete

A search box that suggests Canadian addresses as you type, and hands you structured components when one is chosen.

Open

Build a store locator

Geocode your own list of locations once, then find the nearest one to a customer's address and draw the way there.

Open

Every snippet compiles against the real package types, so an option that gets renamed fails a test rather than sitting here looking plausible.