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 to add pop up?

ialixandroae

Hello,

I have a difficult time in adding popups to some points of interest in my application. I have 2 attribute fields that I`m interested in, named : "Type" and "nume" . I want to add popups that when I click them to show me info about those 2 attr fields and also a Zoom To button.

I have tried to apply different samples but I`m a beginner in learning javascript and I couldn`t get a good result.

I have attached the code for help.

Thank you !!

AplicatieRutare_v2.html.zip

AyanPalit_0-1761585613492.png

Find more posts tagged with

Accepted answers

JakeSkinner

Hi Ionut,

Attached is an update to your code. I added an IdentifyTask following the sample here. I also updated some of the functions so that you cannot identify a feature while you are trying to enter in locations for the Get Directions portion. Once the solve is complete, you should be able to identify the features again.

example.zip

All comments

Hi Ionut,

Thanks !!

Another option, starting at version 3.10 of the ArcGIS API for JavaScript, would be to define a popup template for a sub layer of the dynamic layer. Here's an example of how this works:

      var popupTemplate = new PopupTemplate({title: "{Type}",
          fieldInfos: [
            { fieldName: "Type", visible: true},
            { fieldName: "nume", visible: true}]
      });
      var operationalLayer = new ArcGISDynamicMapServiceLayer("http://eismgeo.dlinkddns.com/eismgeo/rest/services/Aplicatie_NASlope/Aplicatie_NA/MapServer",{"opacity":1});
      operationalLayer.setInfoTemplates({
        6: {infoTemplate: popupTemplate}
      });
     // operationalLayer.setVisibleLayers([6]);
      map.addLayer(operationalLayer);

The Add two dynamic maps | ArcGIS API for JavaScript sample in the ArcGIS API for JavaScript help provides more detail.

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.