GPS doesn't work in iframe element

[panosalevropoulos]

trafficstars

GPS works fine on umap instances but has no effect when the map is embedded in a website with iframe.

[hugomymaps]

Hi, I have the same problem, GPS works fine on map but when the map is embedded in a website with iframe, the button doesn't work. Please, help us to fix it 😄

[yohanboniface]

Could you share a link where to reproduce the issue ?

[panosalevropoulos]

@yohanboniface https://saloni.ca/

[davidbgk]

Firefox displays an error:

Safari is more verbose:

I would say we need to explicitly allow the geolocation as a feature policy for the iframe: https://udn.realityripple.com/docs/Web/HTTP/Headers/Feature-Policy/geolocation

@panosalevropoulos can you try to change from:

<iframe frameborder="0" allowfullscreen="" src="[https://umap.openstreetmap.fr/en/map/thessaloniki-lost-city-_663542#16/40.6330/22.9465?scaleControl=true&amp;miniMap=false&amp;scrollWheelZoom=true&amp;zoomControl=true&amp;allowEdit=false&amp;moreControl=true&amp;searchControl=true&amp;tilelayersControl=false&amp;embedControl=false&amp;datalayersControl=true&amp;onLoadPanel=caption&amp;captionBar=true](view-source:https://umap.openstreetmap.fr/en/map/thessaloniki-lost-city-_663542#16/40.6330/22.9465?scaleControl=true&miniMap=false&scrollWheelZoom=true&zoomControl=true&allowEdit=false&moreControl=true&searchControl=true&tilelayersControl=false&embedControl=false&datalayersControl=true&onLoadPanel=caption&captionBar=true)"></iframe>

To:

<iframe allow="geolocation" frameborder="0" allowfullscreen="" src="[https://umap.openstreetmap.fr/en/map/thessaloniki-lost-city-_663542#16/40.6330/22.9465?scaleControl=true&amp;miniMap=false&amp;scrollWheelZoom=true&amp;zoomControl=true&amp;allowEdit=false&amp;moreControl=true&amp;searchControl=true&amp;tilelayersControl=false&amp;embedControl=false&amp;datalayersControl=true&amp;onLoadPanel=caption&amp;captionBar=true](view-source:https://umap.openstreetmap.fr/en/map/thessaloniki-lost-city-_663542#16/40.6330/22.9465?scaleControl=true&miniMap=false&scrollWheelZoom=true&zoomControl=true&allowEdit=false&moreControl=true&searchControl=true&tilelayersControl=false&embedControl=false&datalayersControl=true&onLoadPanel=caption&captionBar=true)"></iframe>

(allow="geolocation" added)

[panosalevropoulos]

@davidbgk I added allow="geolocation" but it doesn't seem to work.

[davidbgk]

@panosalevropoulos did you do it on https://saloni.ca/ because I cannot see the modification?