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

MapImageLayer search widget

KristianTuusjärvi

Hello, is it possible to search from all of the MapImageLayer sublayers?

Should I use a collection of LayerSearchSource to iterate through all of the sublayers and then add the collection to Search widget's 'sources' property.

const sources = new Collection<LayerSearchSource>();

//Loop through MapImageLayer and add to sources??

const search = new Search({
view: view,
sources: sources,
});

Encontre mais publicações marcadas com

Accepted answers

All comments

Noah Sager

Sorry @KristianTuusjärvi, I just noticed this question. Unfortunately, MapImageLayer is not listed there. Perhaps we could improve the wording to make this more clear. What it means is that a FeatureLayer from a MapServer or a FeatureServer is usable. So if you had a MapServer like this:

https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer

You could also just use each Sublayer URL (effectively consuming it as a FeatureLayer) as a source for the Search widget:

https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/0

https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/1

https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/2

https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3

nadja

Yes, thanks @Noah-Sager, this makes sense. However, I wonder how I would add the Sublayers as individual LayerSearchSource? Let's take the first Sublayer as an example. I tried several approaches to access the first Sublayer:

const MyLayerSearchSource= new LayerSearchSource({

layer: MyMapImageLayer.findSublayerById(0)

});

const searchWidget = new Search({

view: view,

sources: [{

layer: search_perimeter,

searchFields: ["*"],

outFields: ["*"]

}]

});

This code-snippet throws the error "Uncaught (in promise) TypeError: a.load is not a function". How do I access the sublayer correctly?

Noah Sager

Correct @nadja, the sample I linked to shows how to set-up individual feature layers for use with the LayerSearchSource, like for example the searchFields and the outFields. It wouldn't work with just adding all Sublayers from a MapImageLayer without knowing more about the Sublayers. Does that make sense? So I don't think a programmatic approach would simplify things. I would just add the the Sublayers as individual LayerSearchSources.

nadja

Hi @Noah-Sager

I'm not sure if the sample code has been modified, but there is no sample of a sublayer of a MapImageLayer in above sample code. I'm wondering how do you "pull out all the sublayers first"? Thank you for your answer.

@KristianTuusjärvi Have you managed to include the entire MapImageLayer as a source to Search?

Best,
Nadja

KristianTuusjärvi

I wonder if I can just add the whole MapImageLayer as a source to Search? It seems to be possible, but I don't understand how to choose the fields when there is multiple sublayers on MapImageLayer.
Here it is mentioned that MapImageLayer can be used. Any ideas?
https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LayerSearchSource.html#layer

Noah Sager

Thanks @KenBuja. I updated the link. No updates to report.

kenbuja

That sample is unreachable, but are there any updates to the existing sample?

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-search-multiplesource

Noah Sager

Hi @KristianTuusjärvi, yes, you can use a Sublayer just like a FeatureLayer as a LayerSearchSource.

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LayerSearchSource.html#layer

I would recommend pulling out all the sublayers first, then add them as a LayerSearchSource individually so you can configure the settings like in this sample:

https://developers.arcgis.com/javascript/latest/sample-code/widgets-search-multiplesource/

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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