topic Re: Info Window result in ArcGIS JavaScript Maps SDK Questions

Info Window result

SamirGambhir — Tue, 19 Mar 2013 13:57:18 GMT

Hello,
In my application, I would like to set infoTemplate so that it can display additional information in the infoWindow (not in the title) based on which feature is clicked e.g. if features in the State 'ABC' are clicked, the info window should show additional text such as "(estimates based on State average)", but should not show this additional text when click on any other feature. How do I accomplish this?
Thanks
Samir

Re: Info Window result

SteveCole — Sat, 11 Dec 2021 22:19:52 GMT

This should be pretty easy. Use a function to actually populate the content of your infoWindow. First, create your infoTemplate:

 var theTemplate = new esri.InfoTemplate();
 theTemplate.setContent(setPopupContent);

Next, set up your dojo.connect for clicks on the features in your layer:

 //Listener event for feature selection and the popup info widow 
 dojo.connect(theFeatureLayer,"onClick",function(evt){
  //Listener event for feature selection and the popup info widow
  var query = new esri.tasks.Query();
  query.geometry = pointToExtent(map,evt.mapPoint,15);

  var deferred = theFeatureLayer.selectFeatures(query,esri.layers.FeatureLayer.SELECTION_NEW); 
  map.infoWindow.setFeatures([evt.graphic]);
  map.infoWindow.show(evt.mapPoint);
 });

Lastly, create the function which will populate your template with the content you want:

 function setPopupContent(graphic) {
 attr = graphic.attributes;
 curState = attr.STATE;
 
        content = 'Create your content here';

        //If The state clicked is ABC, append the special notation
 if (curState == "ABC") {
  content = content + "<br/><br/>(estimates based on State average)";
 }
 
 
 return content;
}

Steve

Re: Info Window result

SamirGambhir — Sat, 11 Dec 2021 22:19:54 GMT

This should be pretty easy. Use a function to actually populate the content of your infoWindow. First, create your infoTemplate:

 var theTemplate = new esri.InfoTemplate();
 theTemplate.setContent(setPopupContent);

Next, set up your dojo.connect for clicks on the features in your layer:

 //Listener event for feature selection and the popup info widow 
 dojo.connect(theFeatureLayer,"onClick",function(evt){
  //Listener event for feature selection and the popup info widow
  var query = new esri.tasks.Query();
  query.geometry = pointToExtent(map,evt.mapPoint,15);

  var deferred = theFeatureLayer.selectFeatures(query,esri.layers.FeatureLayer.SELECTION_NEW); 
  map.infoWindow.setFeatures([evt.graphic]);
  map.infoWindow.show(evt.mapPoint);
 });

Lastly, create the function which will populate your template with the content you want:

 function setPopupContent(graphic) {
 attr = graphic.attributes;
 curState = attr.STATE;
 
        content = 'Create your content here';

        //If The state clicked is ABC, append the special notation
 if (curState == "ABC") {
  content = content + "<br/><br/>(estimates based on State average)";
 }
 
 
 return content;
}

Steve

Thanks Steve,
My scenario is a bit different. In my app, the user might select multiple geographies (states) at one time, but the infoWindow content should display differently only for the selected (developer-specified) geography.

I tried this code earlier, but this would set the result content for all geographies if the selected geography is part of the subset:

for ( j = 0; j < newGeog.length; j++) {
      if (newGeog == "A" || newGeog == "B" || newGeog == "C") {
            resultContent = "<tr>" + indc + ": <td>${" + indv + ":formatNumber} (State average)</td></tr>";
      } else {
          resultContent = "<tr>" + indc + ": <td>${" + indv + ":formatNumber}</td></tr>";
      }
}