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

Arcade to display attachments in popup from another layer in webmap

BeccaSettele

Hi,

I have been struggling with showing attachments from one layer into another in a webmap for a bit now and am finally reaching out to the esri community blog gods.

I have two feature layers in a web map ("Beaver Obscured" and "Beaver"). I would like for the attachments in "Beaver" to show up in the popup for "Beaver Obscured". "Beaver Obscured" does not have attachments but does have a shared globalID with "Beaver". Is there a way to take the attachments from "Beaver" and add them to the popup of "Beaver Obscured" in my webmap with arcade? I thought I could do this based on their globalIDs , as I've read through several examples of how to do this with related data but I am struggling to get those scripts to work with shared globalIDs.

Does anyone have suggestions with arcade, or other work arounds?

Thanks in advance,
Becca

Najděte více příspěvků označených jako

Arcade

Accepted answers

jcarlson

It might look something like this:

// your other layer
var fs = FeatureSetByName($map, 'the other layer')

// get matching feature based on shared id
var match = First(Filter(fs, `shared_globalid = '${$feature['shared_globalid']}'`))

// get matching feature's attachments
var atts = Attachments(match)

// push attachment urls into array
var urls = []

for (var att in atts) {
    Push(urls, `<img src="other-layer-url/${match['objectid']}/${atts[att]['id']}"></img>`
}

return Concatenate(urls, '<br>')

Hard to say without knowing what the data looks like, but this should get you started at least.

All comments

jcarlson

You can use attachments from other features / layers to generate a URL, which you can pipe into image HTML elements. Would that work for you?

BeccaSettele

I think that would work. I've seen the blogs on building that url (https://community.esri.com/t5/arcgis-online-blog/show-attachments-in-pop-ups-with-arcade/ba-p/890588) but am unsure on how to add the globalID element. Do you have any suggestions on incorporating globalIDs in the arcade scrip that builds the URL so that the correct photo attachments are pulled based on matching globalIDs?

Thanks for the quick reply,
Becca

jcarlson

It might look something like this:

// your other layer
var fs = FeatureSetByName($map, 'the other layer')

// get matching feature based on shared id
var match = First(Filter(fs, `shared_globalid = '${$feature['shared_globalid']}'`))

// get matching feature's attachments
var atts = Attachments(match)

// push attachment urls into array
var urls = []

for (var att in atts) {
    Push(urls, `<img src="other-layer-url/${match['objectid']}/${atts[att]['id']}"></img>`
}

return Concatenate(urls, '<br>')

Hard to say without knowing what the data looks like, but this should get you started at least.

BeccaSettele

Ah ok. So the aim is to:

1) access the other feature layer in the map by assigning it to fs
2) match it based on the shared globalids
3) grab the attachments from the fs
4) create and empty array and push them into there
5) finally build that url.

That makes sense.

I'm having difficulties with the second step distinguishing between the globalid of the first layer and the attachment layer (they have the same name "globalid"). Would I need to first create a variable for the globalid in the attachment layer? I know I can access the globalid of the non-attachment layer of the popup I'm building the arcade expression in by using $feature.globalid, but am unsure how to do so for the other layer. I was unable to get your var match expression to work after changing "shared_globalid" to "globalid".

Thanks again
Becca

BeccaSettele

Scratch that. I was able to get everything running up until the URL. Can you dissect that url build any further for me? Is the idea that the url generated there matches the url of the attachment image? I'm curious as to what the [id] is referring to.

Becca

ZachBodenner

Hi, I'm giving this a try also, and I feel like I'm very close but I'm getting an error that I don't really understand.

// your other layer
var fs = FeatureSetById($map, "189ffea4bbf-layer-175")

// get matching feature based on shared id
var match = First(Filter(fs, `REL_GLOBALID = '${$feature['GlobalID']}'`))

// get matching feature's attachments
var atts = Attachments(match)

// push attachment urls into array
var urls = []

for (var att in atts) {
    Push(urls, `<img src="other-layer-url/${match['ATTACHMENTID']}/${atts[att]['REL_GLOBALID']}"></img>`
}

return Concatenate(urls, '<br>')

//the default return is "Norelated forms"

The error message is " ',' expected " and it suggests that a comma belongs after the final curly bracket of the the for statement. ... Why exactly? I have gotten this a lot when testing Arcade scripts lately, but when I add a comma there it doesn't fix it.

ZachBodenner

Okay so actually I "figured out" the comma problem by deleting the regualar brackets after Push and then just enter new ones. So there's that. So now I'm very close! I wrote the code as an attribute expression:

// related table layer
var fs = FeatureSetById($map, "189ffea4bbf-layer-175")

// get matching feature based on GlobalID to GUID Relationship
var match = First(Filter(fs, `CompRel = '${$feature['GlobalID']}'`))

console ("fs: "+fs);
console ("match: "+match);

// get matching feature's attachments
var atts = Attachments(match)
console ("atts:" + atts)

// push attachment urls into array
var urls = []

for (var att in atts) {
    Push (urls,`<img src="https://gis.edenprairie.org/maps/rest/services/Internal/CodeViolations/FeatureServer/1/${match['OBJECTID']}/${atts[att]['id']}"></img>`)
}
return Concatenate(urls, '<br>')

and then go add that expression into a text section in the popup but just get this:

KeFAnda

Hey Zach,

Have you been able to find a solution for this? It's happening on my end also.

KeFAnda

I got it to work!

The URL link was missing the /attachments/ portion in between /${match['objectid']}/${atts[att]['id']}"

Hope this helps!

ZachBodenner

Oh good to know! I actually abandoned trying after a while, since the project I wanted it for is used exclusively in Field Maps or Experience Builder, and there were some acceptable workarounds. I'll keep this in mind for the future though!

SMH-Rio

The only problem with this solution is the token issue, right?

I adapted the code to show certain attachments based on their name and everything works fine, except that when I click on the link, it always asks me for an access token (in ArcGIS Online). I have an admin login, I own the layer and the link is exactly the same as when I access the attachment directly in the feature layer (except for the token).

In ArcGIS Enterprise, I can access without the "?token=" in the url.

Is this really the expected behavior or am I missing something? If so, is there no way to automatically generate tokens for the user from Arcade?

LledSmith_HDR

I just ran into this question and would like to share my final code. This code works with a Locaked service using an app token.

var x = Count(Attachments($feature))

var Atts = Attachments($feature)

var urls = ""

var Part1 = '<img src="https://services.arcgis.com/04HiymDgLlsbhaV4/arcgis/rest/services/TestData/FeatureServer/0/'

var Part2 = '/attachments/'

var AttachID = ""

var token = "?token=$$$Make an App Token in AGOL and put it here$$$"

If (!isEmpty(Atts)) {

for (var a in Atts) {

AttachID =atts[a].id

urls = Part1 + $feature.OBJECTID + Part2 + AttachID + token + '"><br>' + urls

}

return {

type : 'text',

text : urls

}

Sian_Doherty_GHD

Can you please elaborate on how to do this: $$$Make an App Token in AGOL and put it here$$$ so it would work for all users who would be viewing the application? How would the refresh work on that, because don't tokens still expire?

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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