Live, runnable demos for @la-trace/map-sdk,
the LaTrace cartography SDK.
Each folder is a standalone project that consumes the package straight from npm — no workspace link, no monorepo trick. Clone, install, run.
| Folder | What it shows | Stack | Port |
|---|---|---|---|
basic-vanilla |
Full-feature tour: typed POIs, custom markers, tracks, shapes, camera methods, every event logged. | Vite + TypeScript | 5173 |
react-app |
Minimal React integration with a reusable <LaTraceMapView> component, sidebar-driven selection, fly-to on click. |
Vite + React + TS | 5174 |
tracking-trip |
Animated GPX-style replay: polyline track, moving marker, scrubber, follow-camera. | Vite + TypeScript | 5175 |
cd basic-vanilla
pnpm install # or npm/yarn
pnpm devThen open the port shown in your terminal (5173 for basic-vanilla,
5174 for react-app, 5175 for tracking-trip).
You'll need a LaTrace API key (passed to createLaTraceMap({ apiKey })).
For demo purposes the examples use the placeholder string 'demo-…-key',
which is accepted by the SDK at this version (the key is currently not
validated server-side — see the SDK security
notes).
Every example works as-is on StackBlitz / CodeSandbox via the GitHub
import URL. Replace <example-folder> below:
- StackBlitz: https://stackblitz.com/github/latrace-code/la-trace-sdk-examples/tree/main/<example-folder>
- CodeSandbox: https://codesandbox.io/p/github/latrace-code/la-trace-sdk-examples/main?file=<example-folder>/src/main.ts
The example code is MIT-licensed (see LICENSE) — feel free to copy any pattern into your own integration.
The SDK itself (@la-trace/map-sdk) is proprietary; see its
LICENSE
on npm.