Skip to main content

Get Started with Sample Apps

|

Explore the Maps SDK for TypeScript through interactive examples. These examples demonstrate key features and help you understand how to integrate maps into your web applications.

Example Categories

The examples are organized into the following categories:

  • Maps & 3D Scene - Learn how to create and customize maps
  • Places & Search - Discover how to search for locations and points of interest
  • Routing & Navigation - Implement route planning and turn-by-turn navigation

Running the Examples

All examples are available in the GitHub repository.

git clone https://github.com/magiclane/magiclane-maps-sdk-examples-for-typescript.git
cd magiclane-maps-sdk-examples-for-typescript/examples
cd hello_world
npm install
npm start

Each example includes:

  • Complete source code
  • Inline comments explaining key concepts
  • Live preview in your browser

Prerequisites

Before running the examples, make sure you have:

  • An API token from Magic Lane (see Integrate SDK)
  • Node.js 18.0 or higher
  • A modern web browser (Chrome, Firefox, Safari, or Edge)