Embedding
Embed live, interactive GISOwl maps in your website, blog, or internal portal using an iframe embed code.
Generating an Embed Code
- Open the map you want to embed.
- Click Share > Embed.
- Configure options: map dimensions, default zoom and center, whether to show the toolbar, layer panel, or legend.
- Copy the embed code (an HTML
<iframe>snippet). - 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 for SDK documentation.
Next Steps
- Sharing a Map — Control map access.
- Dashboard Components — Build interactive dashboards.