Published
Edited
Nov 10, 2021
Insert cell
Insert cell
Insert cell
mapSDK = import('https://unpkg.com/@unfolded/map-sdk@0.3.1/dist/index.js?module')
Insert cell
Insert cell
viewof unfoldedMap = {
let iframe;
const map = mapSDK.createMap({
mapUUID: '31b96f3a-92a0-4146-b6c2-c1c48fb128e5',
embed: true,
appendToDocument: false,
width: width,
height: 600,
onLoad: () => {
iframe.value = map;
iframe.dispatchEvent(new CustomEvent("input"));
}
});
iframe = map.iframe;
yield iframe;
}
Insert cell
Insert cell
{
unfoldedMap.setViewState({
longitude: -96.4247,
latitude: 31.51073,
zoom: 5
});
unfoldedMap.setMapControlVisibility({
panelId: 'mapLegend',
isVisible: false
})
}
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more