How to enable the locate widget.

MelissaPrindiville

I'm using the Shortlist Story Map latest version and I want to enable the locate widget.

I've added this:

var geoLocate = new LocateButton({
map: app.map,
highlightLocation: false
}, "LocateButton");

geoLocate.startup();

to the custom-scripts.js

and added a div to the index

<div id="LocateButton"></div>

Using the following as reference.  Locate Button | ArcGIS API for JavaScript 3.19 

However I still don't see it appearing in the app.

RupertEssinger

Hi Melissa

Just checking: are you launching the Shortlist containing the Locate button using https? 

My colleague Stephen Sylvia‌ writes:

If the URL starts with "http," you are loading you story on an insecure connection. Modern browsers will not provide a user's location to a website unless the website connects using a secure connection to prevent a hacker from stealing that user's location information. Because of this, we disable the locate button when the story is loaded via "http." 

(See https://community.esri.com/thread/189030-cant-display-locate-button-on-story-map-tour )

If you still have issues, let us know.

 

Note: in the next ArcGIS Online update (planned for the end of February, we'll be adding the "Locate me" button and the Addres/place/feature search control as options that authors can turn on in their hosted Shortlists, so you won't need to custom code and self-host a Shortlist in order to present those to your users. The limitation with the "Locate me" button will still apply.

Rupert