How to publish and embed a MapQube map

The easiest way to use a MapQube map on your site is to publish the map and embed the public version. You do not need a complicated integration to get a polished result.

1. Finish the map in the editor

Before you publish, make sure the map contains the markers, descriptions, images, and supported 3D objects you want visitors to see. It is easier to embed once the content already tells the story clearly.

2. Publish the map

Publishing creates a public URL. During that step, you can also choose viewer settings such as whether to show the header, which map styles are available, how much padding to use, and whether the map should restrict bounds.

3. Copy the public link or embed code

If you just want to share the map, use the public URL. If you want it to live inside your website, use the iframe embed code.

<iframe
    src="https://mapqube.com/map/YOUR_MAP_ID"
  width="100%"
  height="600"
  frameborder="0"
  style="border:0"
  allowfullscreen>
</iframe>

4. Use a responsive wrapper when needed

On marketing pages and content pages, it often helps to place the iframe inside a responsive container so the map scales better across devices.

<div style="position: relative; padding-bottom: 56.25%; height: 0;">
  <iframe
        src="https://mapqube.com/map/YOUR_MAP_ID"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
    allowfullscreen>
  </iframe>
</div>

5. Match the map to the page intent

• On a property page, highlight amenities and project context.
• On a venue or destination page, show wayfinding and important stops.
• On a product or sales page, keep the map focused on the story you want people to understand quickly.

6. Monitor views after publishing

MapQube tracks views for published maps, so after embedding the map you can still monitor whether it is getting opened and whether usage is approaching your plan limits.