topic Re: Getting errors while implementing Find Places in the application in ArcGIS JavaScript Maps SDK Questions

Getting errors while implementing Find Places in the application

SahilBansal — Fri, 23 Apr 2021 15:15:27 GMT

Hi,

I am getting the below error s while implementing find places functionality in the application.

No overload matches this call.

const select = document.createElement('select', '');

Argument of type '{ location: any; categories: string[]; maxLocations: number; outFields: string[]; }' is not assignable to parameter of type 'LocatorAddressToLocationsParams'.

PFB the code snippet.

const findPlaces = (category: string, pt: any) => {

locator

.addressToLocations({

location: pt,

categories: [category],

maxLocations: 25,

outFields: ['Place_addr', 'PlaceName']

})

.then((results) => {

view.popup.close();

view.graphics.removeAll();

results.forEach((result) => {

view.graphics.add(

new Graphic({

attributes: result.attributes, // Data attributes returned

geometry: result.location, // Point returned

symbol: new SimpleMarkerSymbol({

type: 'simple-marker',

color: '#000000',

size: '12px',

outline: {

color: '#ffffff',

width: '2px'

}

}),

popupTemplate: {

title: '{PlaceName}', // Data attribute names

content: '{Place_addr}'

}

})

);

});

};

Re: Getting errors while implementing Find Places in the application

ReneRubalcava — Fri, 23 Apr 2021 16:51:45 GMT

ah, the TypeScript typing wants an `address` field, but that's not actually required for that method.

We can update the typings for 4.20, for now you can work around by casting the param object as any, or maybe adding address: null, to the param.

Re: Getting errors while implementing Find Places in the application

SahilBansal — Fri, 23 Apr 2021 17:07:19 GMT

Hi,

Thanks for the solution but still this error exits (No overload matches this call).

error TS2769: No overload matches this call.
Overload 1 of 3, '(tagName: "select", options?: ElementCreationOptions | undefined): HTMLSelectElement', gave the following error.
Argument of type '""' is not assignable to parameter of type 'ElementCreationOptions | undefined'.
Overload 2 of 3, '(tagName: "listing" | "xmp", options?: ElementCreationOptions | undefined): HTMLPreElement', gave the following error.
Argument of type '"select"' is not assignable to parameter of type '"listing" | "xmp"'.
Overload 3 of 3, '(tagName: string, options?: ElementCreationOptions | undefined): HTMLElement', gave the following error.
Argument of type '""' is not assignable to parameter of type 'ElementCreationOptions | undefined'.

and it is coming in the (document.createElement('select', '') ) code snippet. Moreover PFB the full code snippet.

const select = document.createElement('select', '');

select.setAttribute('class', 'esri-widget esri-select');

select.setAttribute(

'style',

'width: 175px; font-family: \'Avenir Next W00\'; font-size: 1em');

Re: Getting errors while implementing Find Places in the application

ReneRubalcava — Fri, 23 Apr 2021 21:10:44 GMT

You don't need the second argument for createElement unless you are creating a custom element web component.

https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

That's a DOM typing issue, remove the second argument and should be fine.