Basic Example

This example serves as a template for any Map SDK project. The Map SDK library is imported, and an empty map is rendered.



This basic example is made with React, importing the map and inserting it into a container.

HTML and JavaScript

This example demonstrates how to work with Map SDK without any framework or bundler available, in a pure JS and HTML setup.

      type="module" makes it possible to work with JS modules
  <script type="module">
    // we import a bundled version of Map SDK from unpkg CDN
    import { createMap } from "";

    // we now can call functions as we would anywhere else
    const map = await createMap({
      apiKey: "<api-key>"
      container: document.getElementById("map-container"),

  <div id="map-container"></div>


This example notebook shows how to create a map, add a dataset, and set the map view -- three simple functions of the Map SDK.



Create Studio map, add a dataset, and set the map view.

Binder Colab GitHub