Sign in
Back to documentation

Sharing Maps

Table of Contents

Introduction

One of MapHub's most powerful features is the ability to easily share your maps with others. Whether you want to share with colleagues, embed in a website, or use in external GIS applications, MapHub provides several options to make your geospatial data accessible and useful.

Sharing Options

Direct URL Sharing

The simplest way to share your map is by sharing its URL:

  1. Navigate to the map you want to share
  2. (Optional) Expand the map preview to Fullscreen
  3. Copy the URL from your browser's address bar
  4. Share this link via email, messaging, or social media

When recipients open this link, they'll see the map exactly as you've configured it, including any custom visualizations you've applied.

Tiling URL for External Applications

For more advanced use cases, MapHub provides tiling URLs that allow you to integrate your maps into external applications:

  1. Go to your map's page
  2. Copy the "Tiler URL" in the Exports section

This tiling URL follows standard protocols and can be used in:

  • Web mapping libraries like Leaflet, Mapbox GL, or OpenLayers
  • Desktop GIS software such as QGIS or ArcGIS
  • Custom applications that support standard tile services
Map TypeTiling FormatVisualization Support
RasterXYZ TilesCustom colormaps included in URL
VectorVector TilesGeometry and properties (styling not included)

Here an example, showing how to use the tiler URL in QGIS:

Important Note: For raster data, any custom colormap settings you've applied in MapHub will be incorporated into the tiling URL. However, for vector data, external applications will receive the geometries but not the custom visualization settings.

Direct Website Embedding

MapHub allows you to embed your maps directly into your websites, blogs, or any HTML page using a simple iframe code:

  1. Navigate to the map you want to embed
  2. In the "Exports" section on the right side, find the "Embed this map" option
  3. Copy the provided iframe code
  4. Paste the code into your website's HTML

The embedded map will display with a clean interface, showing only the map content and essential controls. Here's how to get the embed code:

<iframe
  src="https://maphub.co/map/YOUR_MAP_ID?viewer=true&embed=true"
  width="800"
  height="600"
  title="MapHub Embedded Map">
</iframe>

You can customize the width, height, and title attributes to fit your website's design. The embedded map includes:

  • Interactive pan and zoom controls
  • A small MapHub attribution that links back to the original map
  • All the custom styling and visualizations you've applied to your map

Here's an example of an embedded map:

QGIS Plugin Integration

MapHub offers a dedicated QGIS plugin that simplifies the process of importing your maps into QGIS:

The plugin automatically handles the connection to MapHub, eliminating the need to manually copy and paste tiling URLs. This provides a seamless workflow between MapHub and QGIS.

Read more about the QGIS plugin here.

Upcoming Features

We're constantly working to improve MapHub's sharing capabilities. Here are some exciting features coming soon:

Frontend Templates

We're developing ready-to-use frontend templates that will enable you to quickly build custom MapHub integrations. These templates will:

  • Provide starting points for web developers
  • Include examples for common use cases
  • Support various frameworks and libraries
  • Accelerate development of custom mapping applications

Stay tuned for announcements about these features on our blog and social media channels.

Next Steps

Now that you understand how to share your maps, you might want to explore:

Getting StartedVisualization