---
path: docs/sharing-and-collaboration/embedding
title: "Embedding"
desc: "Embed interactive GISOwl maps in any website."
date: "Apr 2, 2026"
---

# Embedding

Embed live, interactive GISOwl maps in your website, blog, or internal portal using an iframe embed code.

## Generating an Embed Code

1. Open the map you want to embed.
2. Click **Share > Embed**.
3. Configure options: map dimensions, default zoom and center, whether to show the toolbar, layer panel, or legend.
4. Copy the embed code (an HTML `<iframe>` snippet).
5. Paste it into your website's HTML.

## Embed Options

| Option | Description |
| --- | --- |
| Width / Height | Set fixed pixel dimensions or responsive percentage |
| Show toolbar | Toggle the top toolbar on or off |
| Show layer panel | Toggle the left layer panel |
| Show legend | Toggle the legend overlay |
| Allow interaction | Enable or disable pan/zoom/click |
| Default view | Lock to a specific center point and zoom level |

## Responsive Embeds

For responsive layouts, set width to `100%` and height to a fixed value or use CSS `aspect-ratio`. The map adapts to the container size.

## Authentication

Embedded maps respect the same sharing permissions as the original map. Public and link-shared maps work without authentication. Private maps require the viewer to be logged in.

## JavaScript SDK

For deeper integration, use the GISOwl JavaScript SDK to control the embedded map programmatically — change layers, apply filters, listen to click events, and synchronize with your application state. See [developers.gisowl.com](https://developers.gisowl.com) for SDK documentation.

## Next Steps

- [Sharing a Map](/docs/sharing-and-collaboration/sharing-a-map) — Control map access.
- [Dashboard Components](/docs/dashboards-and-apps/dashboard-components) — Build interactive dashboards.