uMap embedding (custom OpenStreetMap maps)

Product Support

AI-generated summary

AquaL1te discusses issues embedding uMap (custom OpenStreetMap maps) into a Discourse forum. Despite adding umap.openstreetmap.fr to both the allowed iframes and embedding lists, the map only displays a “See full screen” link instead of the embedded iframe. Native OpenStreetMap and Google Maps embeds work correctly. AquaL1te later resolves the issue by realizing the src attribute in the iframe code was missing the https:// protocol, which was not included by default in uMap’s share menu.

1

Continuing the discussion from OpenStreet maps embedding: I want to embed the uMap below, but it’s not working. I added the domain (https://umap.openstreetmap.fr) to the “allowed iframes” but that only shows the “See full screen” link in the post, not the iframe. I also added umap.openstreetmap.fr to the allowed embedding list. No effect either.

<iframe width="100%" height="300px" frameborder="0" allowfullscreen src="//umap.openstreetmap.fr/en/map/tzm-chapters_656435?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=none&captionBar=false"></iframe><p><a href="//umap.openstreetmap.fr/en/map/tzm-chapters_656435">See full screen</a></p>

Native OSM maps do work (see below), as well as Google Maps.

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-86.98974609375%2C31.80289258670676%2C-50.29541015625001%2C46.830133640447414&amp;layer=mapnik&amp;marker=39.7240885773337%2C-68.642578125" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=39.724&amp;mlon=-68.643#map=6/39.724/-68.643">View Larger Map</a></small>

What could I be missing here?

2

Ah… I needed to add https to src="//umap.openstreetmap.fr, by default that’s not included in the share menu on uMap.