topic Re: Pull multiple attributes from multiple overlapping layers in single popup in ArcGIS Online Questions

Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Wed, 23 Aug 2023 15:22:35 GMT

I have three layers, two of them are polygons (parcels and buildings) and one of them is a point. I would like the parcel's popup to return multiple attributes/columns from the building layer as well as the point layer.

Based on the code below, I am able to show a single corresponding attribute from the building layer when a parcel is clicked.

But now I want to return more attributes from the building layer as well.

How can I do this?

Like let's say I also want return values from the columns `LenFt` and `ID` then how can I do that?

Side question: Also is there a way to add contextual text before the attribute value in the Arcade code?

Like let's say I want to add bold `Area:`, `Length:` and `ID:` before each of the returned attribute value.

Attributes of interest from the building layer:

Code:

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Wed, 23 Aug 2023 15:24:44 GMT

@KellyGerrow @HeatherSmith can you please help with this?

Thank you

Re: Pull multiple attributes from multiple overlapping layers in single popup

KenBuja — Wed, 23 Aug 2023 15:36:23 GMT

Here's one way to do that. This uses template literals, including a carriage return at the end for multiple buildings getting returned.

var building = FeatureSetByName($map, "BuildingFootprints_Clip") var intersectLayer = Intersects(building, $feature) var popup; for (var f in intersectLayer){ var popup += `Area: ${f.AREAFT}, Length: ${f.LenFt}, ID: ${f.ID} ` } return popup;

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Wed, 23 Aug 2023 16:38:07 GMT

@KenBuja thank you so much for the quick response. Arcade is giving me an error with `+=`

Test execution error: Unexpected token '+='.. Verify test data.

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Wed, 23 Aug 2023 16:51:37 GMT

The code works fine if I replace `+=` with `=`.

Output:

Area: 3376, Length: 3376, ID: 0

Can you please tell me how I get the output such that each subsequent attribute value is in a new line like shown below?

Area: 3376 Length: 3376 ID: 0

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Wed, 23 Aug 2023 16:58:35 GMT

No worries, I was able to get the attribute value in a separate line using the following code:

var popup = `Area: ${f.AREAFT} \n Length: ${f.LENFT} \n ID: ${f.ID}`

Re: Pull multiple attributes from multiple overlapping layers in single popup

KenBuja — Wed, 23 Aug 2023 17:04:03 GMT

This will put everything on its own line. The error you were getting was due to "var" on line 5. I forgot to edit that out when updating it for multiple buildings on a parcel.

var building = FeatureSetByName($map, "BuildingFootprints_Clip") var intersectLayer = Intersects(building, $feature) var popup; for (var f in intersectLayer){ popup += `Area: ${f.AREAFT} Length: ${f.LenFt} ID: ${f.ID} ` } return popup;

If you want an extra line between each, you can easily do that

for (var f in intersectLayer){ popup += `Area: ${f.AREAFT} Length: ${f.LenFt} ID: ${f.ID} ` }

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Wed, 23 Aug 2023 20:20:56 GMT

Oh thank you so much, that's so cool and much easier than what I did. One last question please, is there a way to make a the text including the colon bold before the attribute value bold?

Re: Pull multiple attributes from multiple overlapping layers in single popup

KenBuja — Wed, 23 Aug 2023 20:32:32 GMT

Yes, but you have to use an Arcade element in your popup. Your code would look something like this

var building = FeatureSetByName($map, "BuildingFootprints_Clip") var intersectLayer = Intersects(building, $feature) var popup; for (var f in intersectLayer){ popup += `<b>Area:</b> ${f.AREAFT} <b>Length:</b> ${f.LenFt} <b>ID:</b> ${f.ID} ` } return { type : 'text', text : popup }

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Wed, 23 Aug 2023 21:38:33 GMT

Bro you are awesome 😎👍

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Fri, 25 Aug 2023 00:06:49 GMT

@KenBuja the

<b. </b>

formatting is not working any clues?

Whereas I would like the input to look to something like this:

Area: 6682

Lentgh: 6682

ID: 0

Re: Pull multiple attributes from multiple overlapping layers in single popup

KenBuja — Fri, 25 Aug 2023 13:32:36 GMT

Are you putting this in Arcade element?

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Fri, 25 Aug 2023 16:04:24 GMT

Happy Friday Ken, so, I should put the entire code in Arcade element and not in expressions?

Re: Pull multiple attributes from multiple overlapping layers in single popup

KenBuja — Fri, 25 Aug 2023 16:10:10 GMT

If you want to include HTML code, you'll have to use an Arcade element.

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Fri, 25 Aug 2023 17:48:31 GMT

Oh I see thanks Ken, then can I use Arcade element in the text box similar to how you embed Arcade Expressions in the text box?

Re: Pull multiple attributes from multiple overlapping layers in single popup

KenBuja — Fri, 25 Aug 2023 17:52:59 GMT

What is the final goal? What do you want your popup to look like?

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Fri, 25 Aug 2023 18:16:00 GMT

A regular popup with attributes from multiple intersected layers in a single popup. And then separate each layer,'s attribute with a bold subheading or something. So I don't know what would be a better method an Arcade element or embedding Arcade Expressions in a text box.

Re: Pull multiple attributes from multiple overlapping layers in single popup

KenBuja — Fri, 25 Aug 2023 18:23:49 GMT

You could do a combination of text boxes and Arcade elements. The only drawback is you'll have a space between them. You can use the text box with expressions if you want to use the same HTML formatting for everything in an expression. If you want to have an expression to have different HTML formats in the same output, you'd have to use an Arcade element.

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Fri, 25 Aug 2023 20:51:51 GMT

So Ken, I was able to get the text bolded as shown below:

But the attributes are not appearing in the next line. I also tried using /n but that did not work either.

Code for that:

Also you will notice in another code below that I have tried to add two headings one before the attributes and the another heading for the next layer's attributes. But, for some reason the output only shows the Points heading and nothing else.

Code for that:

// Create a variable that the FeatureSet of intersecting feature attributes var building = FeatureSetByName($map, "BuildingFootprints_Clip") var intersectLayer = Intersects(building, $feature) var popup; for (var f in intersectLayer){ var popup = `<b>Area:</b> ${f.AREAFT} <b>Length:</b> ${f.LENFT} <b>ID:</b> ${f.ID} ` } return { type : 'text', text : '<h2>Building</h2>', type : 'text', text : popup, type : 'text', text : '<h2>Points</h2>', } // Now bring in the attributes from the next intersected layer with Parcel

I know I can use the the Text box to add the headings but like you said then there would be a space between the text box heading and the Arcade Element which may or may not be ideal.

Re: Pull multiple attributes from multiple overlapping layers in single popup

Ed_ — Fri, 25 Aug 2023 20:48:27 GMT

Ken, I got the line breaks fixed by adding <br> next to each attribute but I am still stuck with adding the headings. Also as you can see the line breaks don't look ideal as the line breaks are too closely spaced. And I am not sure how to increase/adjust the line spacing.

<b>Area:</b> ${f.AREAFT} <br>