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

How do I add a popup to every layer in a map service in 4.x?

MattStayner

How can I add a map service so that my users can click on features in the map service? In 3.x I used ArcGISDynamicMapServiceLayer. In 4.x I'm now using MapImageLayer to load the map service. Is that correct? To enable the popup on my FeatureLayer I just added popupTemplate: {}. You can't use that on MapImageLayer. What can I do to enable a popup?

FYI, I'm using a custom panel to show the information, so I don't actually need a popup, I just need await view.popup.fetchFeatures(event) to trigger.

Find more posts tagged with

Accepted answers

EthanBodin1

It looks like we have to configure popups for each sublayer. In my case I don't know all the sublayers beforehand; this code enables popups for every sublayer when the layer initially loads:

layer.when(() => {
    layer.allSublayers.forEach((sublayer) => {
        sublayer.popupEnabled = true;
    });
});

All comments

EthanBodin1

It looks like we have to configure popups for each sublayer. In my case I don't know all the sublayers beforehand; this code enables popups for every sublayer when the layer initially loads:

layer.when(() => {
    layer.allSublayers.forEach((sublayer) => {
        sublayer.popupEnabled = true;
    });
});

MattStayner

@EthanBodin1 thanks for the help!

That wasn't exactly what I needed, but allSublayers got me on the right path. It turns out, in may case any way, popupEnabled was already true, it was just missing the popupTemplate. Here's what I ended up with:

layerToAdd.allSublayers.forEach((sublayer) => {
  sublayer.popupEnabled = true // required to trigger info panel
  sublayer.popupTemplate = { // required to trigger info panel
    outFields: ['*'] // required to view all attributes in popup
  }
})

Thanks again for the help!

JohnLucotch2

@MattStayner On your code I'm assuming this is when you were adding a layer through code? I'm trying to get all the popups in the Map Image to turn on without having to format each popup.

MattStayner

@JohnLucotch2 I actually put the code above inside a `.when` so it runs once the layer is added (see below). I hope that helps!

layerToAdd.when(() => {
   layerToAdd.allSublayers.forEach((sublayer) => {
     sublayer.popupEnabled = true; // required to trigger info panel
     sublayer.popupTemplate = { // required to trigger info panel
       outFields: ["*"], // required to view all attributes in popup
      };
   });
});

JohnLucotch2

Thanks so much @MattStayner!

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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