topic Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate in ArcGIS JavaScript Maps SDK Questions

how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

Anonymous User — Fri, 10 Dec 2021 22:25:45 GMT

hello,

I have a MapImageLayer (hosted on our portal), with several sublayers. I wish to display some other data in the popup by using a function to return the content (the function is getting called, and I can return what I want). However, the attribute data I need to create/query the other data (non-arcgis data) is not being passed to the content function. The only attribute being sent back is the 'Name' field, and I cannot find a way to set the outFields property for the query that gets run.

Snippet

         this.map.layers.forEach((layer) => {
           if (layer.title === 'Some Title') {
             layer.outFields = ["*"]; //<-- does nothing
             layer.sublayers.forEach(subLayer => {
               subLayer.outFields = ["*"]; //<-- also does nothing
               if (subLayer.title === 'hidden layer') {
                 subLayer.visible = false;
               } else if (subLayer.title === 'other layer') {
                   this.otherLayer = subLayer;
               }
               subLayer.popupTemplate = {
                   title: subLayer.title,
                   content: this.getData.bind(this),
                   actions: [{
                     id: subLayer.title,
                     className: 'esri-icon-table',
                     title: 'Dashboard'
                   }]
               };
             }
             });
           }
         });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Snippet

getData(evt) {
     console.debug(evt); //<-- only attribute is 'Name'
     console.debug(this.view.popup.viewModel.selectedFeature); //<-- same‍‍‍

There are definitely more attributes on the layer, but only Name is being returned. Am I missing something somewhere in my code to set the outFields for a Portal hosted MapImageLayer? or is there something I need to have changed in the service to return all attributes? thanks!

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

RobertScheitlin__GISP — Thu, 13 Sep 2018 18:45:58 GMT

Troy,

Do you define the sublayers for this MapImageLayer when you add it to the map? Sublayer will default to only include the ObjectId and Display Field for performance reasons (not documented that I know of). If you define other fields in the sublayers popup template when constructing the MapImageLayer then those fields will be included when accessing the sublayer.

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

Anonymous User — Fri, 10 Dec 2021 22:25:48 GMT

Thanks Robert,

No, the MapImageLayer (and sublayers) are created/added when I create the map from a portal item:

this.map = new WebMap({ portalItem: {id: "PortalItemID" } });

I did forget to mention that the Name field is indeed the Display Field for the layer(s), so that would explain why it is being returned

how do I define other fields on the PopupTemplate if I'm using a function call to create/return the required HTML? is it the fieldInfos array?

like such (sorry, at lunch and can't test at the moment):

subLayer.popupTemplate = {
 title: subLayer.title,
 content: this.getData.bind(this),
 fieldInfos: [{
    fieldName:'CS_ID' //<-- desired field
 }]
 actions: [{
 id: subLayer.title,
 className: 'esri-icon-table',
 title: 'Dashboard'
 }]
};

Thanks again!

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

RobertScheitlin__GISP — Thu, 13 Sep 2018 19:26:50 GMT

Troy,

I have never had a workflow using a Portal item and then trying to define the sublayers popup. I would imagine that you need to define the popups fields in the webmap that the portal item references.

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

Anonymous User — Thu, 13 Sep 2018 20:30:39 GMT

ok. I double checked the WebMap that the portal item is referencing, the popups are fully configured there with all the desired attribute fields. I tried adding the fieldInfos array to the popupTemplate for the sublayer(s) and still no go. it looks like a limitation of the 4.x branch?

Thanks for the info. I'll keep digging to see if I can solve this!

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

HeatherGonzago — Mon, 17 Dec 2018 21:30:53 GMT

This is a little late in a response. In case someone else comes across this, make sure that you set the PopupTemplate.outFields property. This property returns the fields needed to render the popup properly.

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

Anonymous User — Mon, 17 Dec 2018 21:38:04 GMT

Thanks for the update Heather!

I actually solved this by using each layer as a FeatureLayer instead of the default SubLayer type from the webmap item, then settings started working as originally planned. If I get a chance, I will try to cycle back to this and see if the PopupTemplate.outFields option works for my use case.

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

HeatherGonzago — Mon, 17 Dec 2018 21:48:12 GMT

Thanks Tory,

Setting the `outFields` should work with the MapImageLayer. If you come across this again or have any problems, just let us know.

Thanks,

Heather

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

hoogw — Wed, 17 Jul 2019 21:31:14 GMT

I get nothing on popupTemplate.

const _dynamic_image_layer = new MapImageLayer({
// url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer",
url: ___url_string,

/*by default, sublayers not define, will show all layers.
* if sublayers defined as [....], only show what you put in [].
*/
sublayers: [{
id: 13,
title: "xxxxxxx",
outFields: ["*"],
popupTemplate : {
// autocasts as new PopupTemplate()
title: "jjjjjj",
content: getInfo,

},
outFields: ["*"]
},

{
id: 8,
title: "yyyyyyyy"
}]

});

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

hoogw — Wed, 17 Jul 2019 21:57:06 GMT

ESRI staff,

outFields: ["*"] ------------ does nothing, it not work

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

HeatherGonzago — Sun, 12 Dec 2021 15:58:52 GMT

We made some updates to how popups work when fetching all field data in the latest release (4.12). The original response of setting the `popupTemplate.outFields` to include everything still holds true but setting the popupTemplate's content to {"*"} is no longer supported. Instead, we suggest setting view.popup.defaultPopupTemplateEnabled = true. Unfortunately, this is not implemented on the MapImagelayer. As a workaround for now, you can add this bit of code to get this to work,

sublayer.createFeatureLayer()
.then((featureLayer) => featureLayer.load())
.then((featureLayer) => {
   sublayer.popupTemplate = featureLayer.createPopupTemplate();
 })

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

HeatherGonzago — Fri, 10 Dec 2021 22:25:51 GMT

Another thing, the code you pasted above

const _dynamic_image_layer = new MapImageLayer({
  // url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer",
  url: ___url_string,
   
  /*by default, sublayers not define, will show all layers.
    * if sublayers defined as [....],  only show what you put in [].    
    */  

  sublayers: [{
    id: 13,
    title: "xxxxxxx",
    outFields: ["*"],
    popupTemplate : {
    // autocasts as new PopupTemplate()
    title: "jjjjjj",
    content: getInfo,
    },
  outFields: ["*"]
  },
  {
    id: 8,
    title: "yyyyyyyy" 
  }]
});

You have the outFields set outside of the PopupTemplate. It is not supported on the subLayer.
Also, remove the comma after getInfo. What happens when you update with these changes?
As for my other response with the provided workaround, this still applies to instances where
you are using a MapImageLayer with multiple sublayers and want to populate all fields.

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

hoogw — Fri, 19 Jul 2019 15:48:06 GMT

Exactly solved my problem!!!!!!!! This bug bother me 8 hours, you help me made it. Thanks!!!!!!!

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

HeatherGonzago — Fri, 19 Jul 2019 16:43:58 GMT

Glad you got it working. 🙂

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

Jose_LuisParra_Ocampo — Fri, 10 Dec 2021 22:25:53 GMT

The outFields example in the PopupTemplate sets that property outside of the popupTemplate property of the sublayer for some reason.

USALayer = new MapImageLayer({
  url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer",
  id: "USA",
  sublayers: [{
    id: 2,
    visible: true,
    popupTemplate: {
      title: "{state_name} Population",
      content: getInfo
    },
    outFields: ["*"]
  }]
})‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

outFields does work though, but I was in the same boat as Leo since I just blindly followed the example. After reading your answer I realized there was no reason to put it outside of the popupTemplate. Thanks!

Re: how do I access all attributes in a MapImageLayer SubLayer from PopupTemplate

SimonSchütte_ct — Wed, 17 Nov 2021 08:45:56 GMT

@HeatherGonzago Is it possible by now to use defaultPopupTemplateEnabled for MapImageLayers? If so, could you provide a sample? All the samples I can find define their own PopupTemplate or use FeatureLayers.