Observable Notebooks

Studio maps can be embedded in and controlled from Observable JavaScript notebooks.

Import the Map SDK

mapSDK = import("https://unpkg.com/@foursquare/map-sdk/dist/index.js?module");

Display a Studio Map

viewof map = {
  let iframe;

  const map = mapSDK.createMap();

  iframe = map.iframe;
  yield iframe;
}

Control the Map

After importing and creating a map object, you can control the map via the functions listed out in the Map SDK documentation.