uMap embedding (custom OpenStreetMap maps)

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?

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

2 Likes