Skip to content

Embedding a map

Share your map with the world! Honeycomb supports embedding with iframes.

Here is a Honeycomb map embedded using an iframe:

Configuring embedded maps

You'll notice that the map can be set to start with specific data and in a specific place. This can all be configured dynamically using config files and URL parameters. Look at the URL Parameters and Config Files pages for more information.

Here is the actual code which is used to embed the iframe above:

html
<iframe src='https://app.honeycomb.place/?initialData=https%3A%2F%2Fapp.honeycomb.place%2Fdata%2Fworld_population_sorted_rg_122880.parquet&aggregationType=SUM&initialPlace=POLYGON%20((-122.450352%2037.805444%2C%20-122.427006%2037.807614%2C%20-122.424946%2037.792897%2C%20-122.449579%2037.791337%2C%20-122.450352%2037.805444))&fullscreen' style='height: 400px; width: 100%;'></iframe>
<iframe src='https://app.honeycomb.place/?initialData=https%3A%2F%2Fapp.honeycomb.place%2Fdata%2Fworld_population_sorted_rg_122880.parquet&aggregationType=SUM&initialPlace=POLYGON%20((-122.450352%2037.805444%2C%20-122.427006%2037.807614%2C%20-122.424946%2037.792897%2C%20-122.449579%2037.791337%2C%20-122.450352%2037.805444))&fullscreen' style='height: 400px; width: 100%;'></iframe>

TIP

Similar to link sharing, you can only embed maps with remote data sources.

GET IN TOUCH

If you'd like to embed a white-label Honeycomb map with your own logo and color scheme, please get in touch with the team at carston@honeycomb.place. We'd be happy to discuss your project!