Arcade Popups with multiple web links

John_Shell

I need to be able to show data with a one to many relationship. I have the data coming out correctly but the links are merging together into one web link. I need the links to be individual links.

JohannesLindner

This is the map we're talking about: Tacoma City Council Districts Web Map Update-Copy (arcgis.com)

 

The old and hard way:

• figure out how many links you need at max
  • let's say the biggest district has 5 neighbothood counlics, then you need 5 links.
• create the expressions:
  • for each council: 1 expression for the name, 1 for the url
• create the popup

 

// Expression for the name
index = 0  // <- change this number in each name expression

var areas =FeatureSetByName($map,"Neighborhood Council Districts (Tacoma)");
var Onefifty = Buffer($Feature, -150, 'feet')
var countp = Intersects(areas,Onefifty);

var i = 0
for(var c in countp) {
    if(i == index) {
        return c.Neighborhood
    }
    i++
}
return ''

// Expression for the url
index = 0  // <- change this number in each name expression

var areas =FeatureSetByName($map,"Neighborhood Council Districts (Tacoma)");
var Onefifty = Buffer($Feature, -150, 'feet')
var countp = Intersects(areas,Onefifty);

var i = 0
for(var c in countp) {
    if(i == index) {
        return c.URL
    }
    i++
}
return ''

 

Your popup would look like this: 

 

 

The new and far better way: Just use an Arcade element! With this element, you can return HTML code which will be interpreted by the popup.

 

var areas =FeatureSetByName($map,"Neighborhood Council Districts (Tacoma)");
var Onefifty = Buffer($Feature, -150, 'feet')
var countp = Intersects(areas,Onefifty);

var result = "";
for (var item in countp){
    var name = item["Neighborhood"];
    var url = item["URL"]
    result += `<a href="${url}" target="_blank">${name}</a><br/>`
}

return { 
	type : 'text', 
	text : result
}