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

Social Media App and Geocoding Service

mpboyle

I have downloaded the social media web app template and am wondering why when I plug in our own geocode service the entire search box disappears?

There is a place within the commonConfig.js file to enter a URL for a geocode service, however when I enter ours, the search box disappears.

Any ideas would be greatly appreciated!

geocodeservice.JPG

JanCreupelandt_0-1625513440169.png

Finde mehr Beiträge mit dem Tag

Accepted answers

IanWittenmyer

You have a couple of options based on the way the app was written.

Option 1) configure the app to use multiple locators with the Esri world geocoder listed first within the commonConfig.js file, this will enable autoComplete for both locators, but your end user will have to switch to the composite in the dropdown menu in the app.

geocode: [{  url: location.protocol + "//geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer"},          {          url: location.protocol + "//gis.linncounty.org/arcgis/rest/services/PublicBase/LocatorComposite/GeocodeServer",    name: "LocatorComposite",    singleLineFieldName: "SingleLine",    placefinding: true,    placeholder: "Find an Address or GPN"                 }]

Option 2: change the code to set autoComplete: true

Back in the js\modules\utils.js file again around line 83 you could change the options of the geocoder to look something like this:

            var options = {                 map: _self.options.map,   zoomScale: 400,                 theme: 'modernGrey',                 autoComplete:true             };

All comments

IanWittenmyer

There is a place within the commonConfig.js file to enter a URL for a geocode service, however when I enter ours, the search box disappears.

Try defining the singleLineFieldName and setting placefinding to true as in this example.

[ATTACH=CONFIG]32221[/ATTACH]

configGeocoder.jpg

mpboyle

Thanks for the reply Ian. I have made the additions to the commonConfig.js file and the search box now appears, however I'm getting an error when searching for addresses that are within our locator. Attached is what I have input into the commonConfig.js file.

Do I need to replace any values I currently have?

Thanks again!

geocodeConfig.JPG

IanWittenmyer

Do I need to replace any values I currently have?

Hi Matt, the singleLineFieldName should match the value your geocode server is expecting.
On your server the value is 'Single Line Input'. So in your code it should look like this:

singleLineFieldName: "Single Line Input",

Are you located in Cedar Rapids? I worked in the great america building for 6 years.

mpboyle

Thanks a lot Ian! Geocoder works like expected now.

Would you happen to know how to set the zoom level when an address is selected?

And yes, I am located in Cedar Rapids, working for Linn County. It's a small world!

IanWittenmyer

Thanks a lot Ian! Geocoder works like expected now.

Would you happen to know how to set the zoom level when an address is selected?

And yes, I am located in Cedar Rapids, working for Linn County. It's a small world!

Cool, i had a fun time in Cedar Rapids. To set the zoom level you can try adding this to zoomScale: 400, to the js\modules\utils.js around line 83.

here is some additional info on it. https://developers.arcgis.com/javascript/jsapi/geocoder.html#zoomscale

mpboyle

I've created a composite locator and am wondering if that can be used...? Below is what I in the geocode parameter of the commonConfig file:

geocode: [{
            url: location.protocol + "http://gis.linncounty.org/arcgis/rest/services/PublicBase/LocatorComposite/GeocodeServer",
     name: "LocatorComposite",
     singleLineFieldName: "Single Line Input",
     placefinding: true,
     placeholder: "Find an Address or GPN"
            }]

It doesn't seem to be working so I'm wondering what part of the code is wrong or if a composite locator can be used?

IanWittenmyer

Yes, you can use a composite locator with the templates. In your code, the URL and the singleLineFieldName need to be changed. The singleLineFieldName can be determined by checking the 'Single Line Address Field' value of a geocode server, in this case it was "SingleLine".

geocode: [{
            url: location.protocol + "//gis.linncounty.org/arcgis/rest/services/PublicBase/LocatorComposite/GeocodeServer",
     name: "LocatorComposite",
     singleLineFieldName: "SingleLine",
     placefinding: true,
     placeholder: "Find an Address or GPN"
            }]

mpboyle

Thanks again Ian!

My last question (hopefully!)...is there a way to have the app autofill options as you start typing in text? This happens in the web map on ArcGIS Online. I think it's very useful for the end user and I'd like to have this ability in the app as well.

Thanks as always!

[ATTACH=CONFIG]32731[/ATTACH]

AutoFillText.JPG

IanWittenmyer

geocode: [{  url: location.protocol + "//geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer"},          {          url: location.protocol + "//gis.linncounty.org/arcgis/rest/services/PublicBase/LocatorComposite/GeocodeServer",    name: "LocatorComposite",    singleLineFieldName: "SingleLine",    placefinding: true,    placeholder: "Find an Address or GPN"                 }]

Option 2: change the code to set autoComplete: true

Back in the js\modules\utils.js file again around line 83 you could change the options of the geocoder to look something like this:

            var options = {                 map: _self.options.map,   zoomScale: 400,                 theme: 'modernGrey',                 autoComplete:true             };

mpboyle

Option 2 worked great, thanks again!

What controls the header spacing and placement? I'd like the search/geocode box to be larger and to have more space for the title. I'm assuming that's within the mainApp.js or main.js file?

[ATTACH=CONFIG]32772[/ATTACH]

Header.JPG

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.