topic Re: My Location Widget not working on Web App in ArcGIS Web AppBuilder Questions

My Location Widget not working on Web App

EthanUnzicker1 — Fri, 09 Dec 2016 21:29:25 GMT

I've added the My Location widget to a web app, but it doesn't seem to work at all. I have tried in several browsers on my Mac and on my iPhone, and I have not seen my location indicated at all.

Is there something else I need to do besides just adding the widget to my app?

Link to my app ArcGIS Web Application

Re: My Location Widget not working on Web App

RobertScheitlin__GISP — Fri, 09 Dec 2016 21:38:11 GMT

Ethan,

Chrome and Safari has required your website to use https for geolocation so the location widget does not function without your site being https protocol. This documented here:

LocateButton | API Reference | ArcGIS API for JavaScript 3.18

There are security considerations to be taken into account when working with geolocation. Each web browser handles security differently. For example, if working with a later version of Chrome, you must host it via HTTPS. If hosted via HTTP, the application will load minus the Locate widget button. Although for testing purposes, it is still possible to host via http://localhost. For additional information regarding these security considerations, please see the ArcGIS blog, Increased web API security in Google Chrome.

The WAB team has yet to update their documentation with a note on this subject though.

jsong-esristaff‌

Re: My Location Widget not working on Web App

GabrieleGARNERO1 — Fri, 19 Jan 2018 17:23:10 GMT

I have the same problem, but even with https I can not start the widget.
What settings should I select on my organization?

THANK YOU

Gabriele Garnero

Re: My Location Widget not working on Web App

RobertScheitlin__GISP — Sat, 20 Jan 2018 02:23:54 GMT

There is no other setting to be changed as long as your approve your browser to share your location.

Re: My Location Widget not working on Web App

GabrieleGARNERO1 — Sun, 21 Jan 2018 18:23:11 GMT

Sorry, in my application the localization does not work.

Even after you put HTTPS, the My location button does not activate.

My app can be found at the following address

https://poli.maps.arcgis.com/apps/webappviewer/index.html?id=80ed408de34242e68abe307e1710f128

Thank in advance

Gabriele

Re: My Location Widget not working on Web App

RobertScheitlin__GISP — Sun, 21 Jan 2018 21:34:48 GMT

Gabriele,

Hmm.. Your site worked fine for me when I clicked on the locate button, Chrome asked me permission to use my current location and then the map zoomed to my location when i clicked allow.

Re: My Location Widget not working on Web App

GabrieleGARNERO1 — Mon, 22 Jan 2018 11:38:55 GMT

Let me explain: My site does not work when I use it on a tablet or on a smartphone.

In particular, when I open on the IPhone, both on Safari and Chrome.

And I've already deleted the cache...

I also tried on Android

Thanks

Re: My Location Widget not working on Web App

GabrieleGARNERO1 — Tue, 23 Jan 2018 09:34:41 GMT

Sorry, I've done a lot of tests, but I still can't....

• I tried with a service of the municipality of Milan, and the localization services work (so I would say that my smartphone is OK) -

https://geoportale.comune.milano.it/MapViewerApplication/Map/App?config=%2FMapViewerApplication%2FMap%2FConfig4App%2F155&id=ags

• I tried to reset all the localization services and then to restore them but it still does not work

• I tried to do a test service that only has the background map but it does not work -

http://poli.maps.arcgis.com/apps/webappviewer/index.html?id=84413906b13e4e60850b75cd580eca25

Is there any setting to put in the site that enables the services?

Is there any other possibility?

Thank

Re: My Location Widget not working on Web App

GabrieleGARNERO1 — Tue, 23 Jan 2018 10:35:08 GMT

PS: if you wont, we can continue on private mail

Re: My Location Widget not working on Web App

RobertScheitlin__GISP — Tue, 23 Jan 2018 15:22:31 GMT

Gabriele,

I see what you mean, I can not get the location button to work on any mobile device. The one thing I do see in the browser console is that you have mixed content in your app meaning that the app is using https protocol but you have layers or other items in your app that are using http protocol. Mixed content can be a big problem.

Re: My Location Widget not working on Web App

GabrieleGARNERO1 — Tue, 23 Jan 2018 18:23:00 GMT

Thanks!

I understood the concept of HTTPS even for the individual levels...

Now correct

Thank you

Gabriele

Re: My Location Widget not working on Web App

LynnBerni — Fri, 20 Apr 2018 17:35:53 GMT

I was having a similar problem in my web app, on both on my computer and my ipad. Yet others on my team could see the little blue dot just fine. Turns out, all I needed was to update my privacy settings!! Location Services on the ipad and Settings>Advanced>Privacy>Location>(manage blocked URLs) in Chrome on the computer.

Re: My Location Widget not working on Web App

RVG296 — Wed, 23 Oct 2019 02:20:41 GMT

Robert Scheitlin, GISP‌

Mine is a slightly different scenario. My ArcGIS Javascript API location widget is working well in the WebApp (Calcite Maps Styler Template). But when I embedded the web app to our website using iframe then this location widget is not working. I don't even get a prompt from chrome "to allow access" when I am clicking on this widget in the app that is embedded in our website using an iframe. Any help on this is appreciated..!! Thank you.

Re: My Location Widget not working on Web App

RobertScheitlin__GISP — Wed, 23 Oct 2019 13:40:57 GMT

Rohit,

I just tested a WAB site inside an iframe that uses a https url from the same machine as the html page that contains the iframe (that is also https) and it works fine. So do you have both urls using https and are they from the same origin.

The page can only be displayed in a frame on the same origin as the page itself.

X-Frame-Options - HTTP | MDN

Re: My Location Widget not working on Web App

RVG296 — Wed, 23 Oct 2019 14:09:56 GMT

Hi Robert,

The Iframe I am trying to embed is a configurable web app created in AGOL which has HTTPS and it does not reside in our production server. But our website is using HTTPS protocol which is coming from a production server. Here is a link to the iframe. WILDFIRES AND DISASTERS | TFS

Re: My Location Widget not working on Web App

RobertScheitlin__GISP — Wed, 23 Oct 2019 14:32:06 GMT

Sorry I am not familiar with that template.

Re: My Location Widget not working on Web App

RVG296 — Wed, 23 Oct 2019 14:45:42 GMT

Robert Scheitlin, GISP‌

Irrespective of the template, I am not able to understand why this widget is not working even if we have our WebApp and the Website both coming from a secured HTTPS protocol. Any thoughts on this?

Re: My Location Widget not working on Web App

RobertScheitlin__GISP — Wed, 23 Oct 2019 15:19:36 GMT

Rohit,

It’s proposed that by default the following permissions cannot be requested or used by content contained in cross-origin iframes:
Geolocation (getCurrentPosition and watchPosition)

Deprecating Permissions in Cross-Origin Iframes - The Chromium Projects

So the answer to this issue is to export the template app out of AGOL and host on your web server so that the iframe has the same origin as the page that contains the iframe

Re: My Location Widget not working on Web App

RVG296 — Wed, 23 Oct 2019 15:49:03 GMT

Hi Robert,

So they gave a workaround to use allow="geolocation" in the iframe, which eventually worked for me.

Thank you so much for throwing light on this to me.

Deprecate on-by-default Permissions in Cross-origin Iframes - Chrome Platform Status