You can use your account to embed two types of content on any website you'd like:

  1. Maps [example]

  2. Portals [example]

Maps

Typically, the iframe for an interactive map looks something like this:

<aside> 💡 Test this code out by embedding it on your website.

</aside>

<div class='h_wrapper' style='overscroll-behavior: contain;width:100%;height:100%;margin:0 auto;background:#CCC; min-height: 400px;'><div class='h_iframe' style='position:relative;width:100%;height:100%;margin:0 auto;background:#CCC; min-height: 400px;'><iframe frameborder='0' src='https://www.citiesense.com/dashboards/425/embed?filter[bbox]=-73.9695927500725%2C40.72512032976337%2C-73.94631117582323%2C40.73694150775645&filter[type][0]=foo&filter[type][1]=Development&filter[type][2]=Tenant&filter[areaId]=1007&mapConfig[zoom]=16&load[showShapes]=true&load[dashboardId]=425&load[bbox]=-73.9695927500725%2C40.72512032976337%2C-73.94631117582323%2C40.73694150775645&load[showDrawingTool]=true&load[showBoundary]=true&load[panelName]=LIST_VIEW&load[toolbarButtons][0]=LIST_VIEW&load[toolbarButtons][1]=LOCATION_DETAILS&load[toolbarButtons][2]=SEARCH&load[toolbarButtons][3]=FILTERS&load[toolbarButtons][4]=LAYERS&load[toolbarButtons][5]=ANALYSIS&load[toolbarButtons][6]=TUTORIAL&areaId=1007&deck[Streetscape][NYC Sidewalk Widths]=on&basemap=stamford' style='position:absolute;top:0;left:0;width:100%; height:100%;'></iframe></div></div><style type="text/css" media="screen">html,body{width:100%;height: 100%;}</style>

You can customize your map to remove some of the features in the blue toolbar, such as the Map Layers [LAYERS], the data analysis [ANALYSIS], etc.

You can also add a custom base map from any of your mapbox styles. The example above includes a map style called "stamford". Add [&basemap=stamford] to the end of your url to update the base map style.

<aside> 💡 Check out this QR Code Sign map making guide for a look at how to customize a map.

</aside>

https://www.youtube.com/embed/795mo5uvlbU?start=260

Portals

Typically, the iframe for a Portal looks something like this:

<aside> 💡 Test this code out by embedding it on your website.

</aside>

<iframe src="https://community.citiesense.com/i/xzwtpb/dashboard" frameborder="0" style="width: 100%; height: 100vh">

To get your Portal embed iframe snippet, log in and visit the account's dashboard:

**https://app.ginkgo.city/c/dashboard**