Embed Maps

You can embed any Atlas interface into another website, internal tool, or wiki using an iframe. The embed shows the active interface — the same view a public viewer sees when they open the share link.

Generate the embed code

1. Open the project and switch to the interface you want to embed.
2. Click Share in the top-right corner to open the Share dialog.
3. Make sure the interface is set to Public in the Public access section. Embeds only work for interfaces that are publicly accessible (anyone with the link can view). See Interface permissions.
4. Click Embed in the footer of the Share dialog.
5. Copy the generated <iframe> snippet and paste it into your site's HTML.

Default embed code looks like:

1<iframe
2  src="https://app.atlas.co/shared/<projectId>"
3  frameborder="0"
4  width="100%"
5  height="600"
6  style="border:1px solid #EAEAEA;border-radius:4px;"
7></iframe>

You can change the width, height, style, and other iframe attributes in the snippet to fit your layout.

Initial map view

The embed URL captures the current viewport — the map center and zoom level at the moment you copy the code. To control what viewers see first, navigate to the area and zoom level you want before opening Share and copying the code.

The same applies to plain shared links: the URL encodes the viewport at the time you copy it.

Layer visibility in embeds

Viewers see layers in the same visibility state they were in when you copied the embed code. Toggle layers on or off in the Layers panel before copying so the embed starts with the right display state.

Password-protected embeds

If password protection is enabled, the embedded iframe shows the password lock screen. Viewers can enter the password directly inside the iframe; once accepted, the interface loads as normal.

Limits and notes

• Embeds require the underlying interface to be public. Private interfaces won't render in an iframe for users who aren't signed in to Atlas.
• The embed uses the project's branding (logo, accent colour) configured in workspace settings.
• For full customisation of map controls, set them on the interface itself (Interface settings) before copying the embed code.