nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

My Location Widget not working on Web App

EthanUnzicker1

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

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

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‌

All comments

RobertScheitlin__GISP

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‌

GabrieleGARNERO1

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

RobertScheitlin__GISP

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

GabrieleGARNERO1

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

RobertScheitlin__GISP

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.

stutter.gif

LynnBerni

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.

AmandaRing_1-1629833906886.png

RVG296

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.

RobertScheitlin__GISP

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

RVG296

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

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.