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; } } }

Geocoding widget

jaykapalczynski

Have been looking at the Geocoders on JavaScript Api site and they all work fine....but looking for a widget that displays possible options as the user is typing in the location. Is there an example like that out there?

As I start typing "rich"
a drop down would appear with the options for location that start with "rich"
thus allowing the user to select the one they want

Thanks

Vind meer berichten getagd met

Accepted answers

JonathanUihlein

https://developers.arcgis.com/javascript/jstutorials/tutorial_geocoder.html

 var geocoder = new Geocoder({   autoComplete: true,   map: map }, dom.byId("search"));

Please make sure you check out our documentation, samples and tutorials.

Also, don't be afraid to use Google.
The above link is the first entry when searching for "esri geocoder autocomplete"

All comments

jaykapalczynski

Appreciated....Thanks

JonathanUihlein

Thanks....was looking at this example and it does not mention the autocomplete

https://developers.arcgis.com/javascript/jssamples/locator_simple.html

And different code....confusing sometimes

No worries. Remember, the documentation always has more information than a sample can convey.

In regards to:

    
var geocoder = new Geocoder({
        map: map
    }, "search");
 geocoder.startup();

 
var geocoder = new Geocoder({
  autoComplete: true,
  map: map,
}, dom.byId("search"));
geocoder.startup();

Both of these do the same thing in practice.. it comes down to preference and understanding why one way works versus the other. Without getting into too much detail, the Geocoder widget handles both of these methods for setting the srcNodeRef.

Coding styles differ like local accents in language... a southern accent compared to a New York accent for example. You can say the same thing in many different ways 🙂
As long as you understand "why" and "how", you will be able to understand the difference in any code.

jaykapalczynski

Thanks....was looking at this example and it does not mention the autocomplete

https://developers.arcgis.com/javascript/jssamples/locator_simple.html

And different code....confusing sometimes

    
var geocoder = new Geocoder({
        map: map
    }, "search");
 geocoder.startup();

 
var geocoder = new Geocoder({
  autoComplete: true,
  map: map,
}, dom.byId("search"));
geocoder.startup();

JonathanUihlein

https://developers.arcgis.com/javascript/jstutorials/tutorial_geocoder.html

 var geocoder = new Geocoder({   autoComplete: true,   map: map }, dom.byId("search"));

Please make sure you check out our documentation, samples and tutorials.

Also, don't be afraid to use Google.
The above link is the first entry when searching for "esri geocoder autocomplete"

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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