Pass custom field variable into pop-up

CamCode — Tue, 07 Jul 2020 20:05:29 GMT

I am trying to add one new pop-up field, that comes from a separate rest call, but I am unsure how to incorporate.

All my other fields come from this service:

https://services9.arcgis.com/RHVPKKiFTONKtxq3/ArcGIS/rest/services/USGS_Seismic_Data_v1/FeatureServer/1/

But I need one piece of data from this service, the 'name' as place (which I am getting and using fine, I just can't get it into the pop-up):

https://services9.arcgis.com/RHVPKKiFTONKtxq3/ArcGIS/rest/services/USGS_Seismic_Data_v1/FeatureServer/0/

With my original query, I add this to get the name (or place) from second service:

let plc;

............

QTt.execute(query2).then(function(results) {

results.features.map(function(feat) {

let magD = feat.attributes["id"];

if (id === magD) {

plc = feat.attributes["place"];

.......................

And below is my attempt to call it into the pop-up:

function popupContent (feature) {

const div = document.createElement('div');

div.innerHTML =

"<span class='name_plc'>Name: "+ plc + "</span>"; <------------ attempt

return div;

}

let popuptemp = {

title: "Shake Intensity",

content: [{

type: "fields",

fieldInfos: [{

fieldName: "grid_value",

label: "Grid Value"

{

fieldName: "id",

label: "id"

{

fieldName: "place",

label: "place"

{

fieldName: "ObjectID",

label: "ObjectID"

{

fieldName: "url",

label: "Url"

}

]

}]

}

fl = new FeatureLayer({

source: gras,

objectIdField: "ObjectID",

geometryType: "polygon",

fields: [{

alias: "ObjectID",

type: "oid"

}, {

alias: "id",

type: "string"

{

alias: "place",

type: "string"

{

alias: "url",

type: "string"

}, {

alias: "grid_value",

type: "double"

}

renderer: renderer,

popupEnabled: true,

popupTemplate: popuptemp,

content: popupContent, <--- attempt

});

app.mapview.map.add(fl);

Re: Pass custom field variable into pop-up

CamCode — Thu, 09 Jul 2020 16:28:16 GMT

I was able to achieve this by running another query within 'content' as a function. Not the most elegant, but works.

topic Re: Pass custom field variable into pop-up in HTML5, CSS, JavaScript, and JavaScript Frameworks

Pass custom field variable into pop-up

Re: Pass custom field variable into pop-up

Re: Pass custom field variable into pop-up