<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Popup not showing multiple entries in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/popup-not-showing-multiple-entries/m-p/308754#M28346</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;I am using Uniquevalue rendered to show different icons with a popup showing details.&amp;nbsp; For some reason when there are 2 entries in the same lat long, the popup only shows the last entry instead of showing 1 of 2.&amp;nbsp; I must be doing something silly.&amp;nbsp; &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Attaching the entire code and adding the JS code.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Thanks&lt;/SPAN&gt;&lt;BR /&gt;&lt;PRE class="plain" name="code"&gt;
dojo.require("esri.map");
dojo.require("esri.layers.FeatureLayer");
dojo.require("esri.dijit.Popup");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");

var map = null;
var featureLayer = null;

function init() {
 
 var popupOptions = {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 'markerSymbol': new esri.symbol.SimpleMarkerSymbol('circle', 32, null, new dojo.Color([0, 0, 0, 0.25])),
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 'marginLeft': '20',
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 'marginTop': '20'
&amp;nbsp;&amp;nbsp; };

 var popup = new esri.dijit.Popup(popupOptions, dojo.create("div"));
&amp;nbsp;&amp;nbsp; 
 map = new esri.Map("map", {
&amp;nbsp; extent: new esri.geometry.Extent({
&amp;nbsp;&amp;nbsp; xmin: -13046970,
&amp;nbsp;&amp;nbsp; ymin: 4036238,
&amp;nbsp;&amp;nbsp; xmax: -13045355,
&amp;nbsp;&amp;nbsp; ymax: 4036540,
&amp;nbsp;&amp;nbsp; spatialReference: {
&amp;nbsp;&amp;nbsp;&amp;nbsp; wkid: 102100
&amp;nbsp;&amp;nbsp; }
&amp;nbsp; }),
&amp;nbsp; infoWindow: popup
 });

 // for webmaps
 var arcgisURL = "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer"
 // 102100 
 var tiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer(arcgisURL);
 map.addLayer(tiledMapServiceLayer);
 createFeatureLayer();
}



function createFeatureLayer() {
 var fs = new esri.tasks.FeatureSet(jsonFS);&amp;nbsp;&amp;nbsp; //jsonFS is coming from another static JS included in the HTML
 var fsCollect = new esri.tasks.FeatureSet();
 var featuresList = fs.features;
 
 var layerDefinition = {
&amp;nbsp; "displayFieldName": "EntityType",
&amp;nbsp; "geometryType": "esriGeometryPoint",
&amp;nbsp; "spatialReference": {
&amp;nbsp;&amp;nbsp; "wkid": 102100
&amp;nbsp; },
&amp;nbsp; "fields": [{
&amp;nbsp;&amp;nbsp; "name": "ObjectID",
&amp;nbsp;&amp;nbsp; "alias": "ObjectID",
&amp;nbsp;&amp;nbsp; "type": "esriFieldTypeOID"
&amp;nbsp;&amp;nbsp; }, 
&amp;nbsp;&amp;nbsp; {
&amp;nbsp;&amp;nbsp; "name": "EntityType",
&amp;nbsp;&amp;nbsp; "alias": "EntityType",
&amp;nbsp;&amp;nbsp; "type": "esriFieldTypeString"
&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp; ]
&amp;nbsp; }
 
 var featureCollection = {
&amp;nbsp; layerDefinition: layerDefinition,
&amp;nbsp; featureSet: fs
 };
 
 //alert(featureCollection.featureSet.features.length);
 //console.log(featureCollection);
 
 var popupTemplate = new esri.dijit.PopupTemplate({
&amp;nbsp;&amp;nbsp; title: "{EntityTypeDisplay}",
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; fieldInfos: [
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {fieldName: "EntityTypeDisplay", visible: true, label:"Type"},
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {fieldName: "Description", visible:true, label:"Description"}
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ]
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });
 
 //esri.layers.FeatureLayer.MODE_ONDEMAND //MODE_SNAPSHOT
 featureLayer = new esri.layers.FeatureLayer(featureCollection,
&amp;nbsp;&amp;nbsp; {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mode: esri.layers.FeatureLayer.MODE_SELECTION,
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; infoTemplate: popupTemplate,
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; outFields: ['EntityTypeDisplay','Description']
&amp;nbsp;&amp;nbsp; });
 var defaultSymbol = new esri.symbol.SimpleMarkerSymbol();
 
 
 var renderer = new esri.renderer.UniqueValueRenderer(defaultSymbol, "EntityType");
 
 //add symbol for each possible value
 var symbolpurplePartner = new esri.symbol.PictureMarkerSymbol("http://static.arcgis.com/images/Symbols/Shapes/PurplePin1LargeB.png", 32, 32).setOffset(0, 15);
 var symbolpurplePartners = new esri.symbol.PictureMarkerSymbol({"angle":0,"xoffset":0,"yoffset":10,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Shapes/PurplePin2LargeB.png","contentType":"image/png","width":24,"height":24});
 var symbolredDocument = new esri.symbol.PictureMarkerSymbol("http://static.arcgis.com/images/Symbols/Shapes/RedPin1LargeB.png", 32, 32).setOffset(0, 15);
 var symbolredDocuments = new esri.symbol.PictureMarkerSymbol({"angle":0,"xoffset":0,"yoffset":10,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Shapes/RedPin2LargeB.png","contentType":"image/png","width":24,"height":24}); 
 var symbolgreenProject = new esri.symbol.PictureMarkerSymbol({"angle":0,"xoffset":0,"yoffset":10,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Shapes/GreenPin1LargeB.png","contentType":"image/png","width":24,"height":24});
 var symbolgreenProjects = new esri.symbol.PictureMarkerSymbol({"angle":0,"xoffset":0,"yoffset":10,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Shapes/GreenPin2LargeB.png","contentType":"image/png","width":24,"height":24}); 
 
 //Find shapes here
 //http://help.arcgis.com/en/webapi/javascript/arcgis/samples/portal_symbols/index.html
 
 renderer.addValue("Partner", symbolpurplePartner);
 renderer.addValue("Partners", symbolpurplePartners); 
 renderer.addValue("Document", symbolredDocument);
 renderer.addValue("Documents", symbolredDocuments);
 renderer.addValue("Project", symbolgreenProject);
 renderer.addValue("Projects", symbolgreenProjects);
 featureLayer.setRenderer(renderer);
 
 map.addLayer(featureLayer);
 
&amp;nbsp;&amp;nbsp;&amp;nbsp; dojo.connect(featureLayer,"onClick",function(evt){
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; map.infoWindow.setFeatures([evt.graphic]);
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; console.log(evt.mapPoint.x + " " + evt.mapPoint.y);
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }); 

&amp;nbsp;&amp;nbsp;&amp;nbsp; /*
 dojo.connect(map, 'onClick', function (e) {
&amp;nbsp; console.log(e.mapPoint.x + " " + e.mapPoint.y);
&amp;nbsp;&amp;nbsp; map.infoWindow.setTitle("Coordinates");
&amp;nbsp;&amp;nbsp; map.infoWindow.setContent("lat/lon : " + e.mapPoint.y + ", " + e.mapPoint.x);
&amp;nbsp;&amp;nbsp; map.infoWindow.show(e.screenPoint, map.getInfoWindowAnchor(e.screenPoint));
 });
*/
}

function getExtent() {
 document.write("MinX: " + map.extent.xmin + " MinY: " + map.extent.ymin + " MaxX: " + map.extent.xmax + " MaxY: " + map.extent.ymax);
}

dojo.addOnLoad(init);

&lt;/PRE&gt;&lt;DIV style="display:none;"&gt; &lt;/DIV&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Sun, 20 Jan 2013 22:47:24 GMT</pubDate>
    <dc:creator>AjayGoel1</dc:creator>
    <dc:date>2013-01-20T22:47:24Z</dc:date>
    <item>
      <title>Popup not showing multiple entries</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/popup-not-showing-multiple-entries/m-p/308754#M28346</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;I am using Uniquevalue rendered to show different icons with a popup showing details.&amp;nbsp; For some reason when there are 2 entries in the same lat long, the popup only shows the last entry instead of showing 1 of 2.&amp;nbsp; I must be doing something silly.&amp;nbsp; &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Attaching the entire code and adding the JS code.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Thanks&lt;/SPAN&gt;&lt;BR /&gt;&lt;PRE class="plain" name="code"&gt;
dojo.require("esri.map");
dojo.require("esri.layers.FeatureLayer");
dojo.require("esri.dijit.Popup");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");

var map = null;
var featureLayer = null;

function init() {
 
 var popupOptions = {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 'markerSymbol': new esri.symbol.SimpleMarkerSymbol('circle', 32, null, new dojo.Color([0, 0, 0, 0.25])),
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 'marginLeft': '20',
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 'marginTop': '20'
&amp;nbsp;&amp;nbsp; };

 var popup = new esri.dijit.Popup(popupOptions, dojo.create("div"));
&amp;nbsp;&amp;nbsp; 
 map = new esri.Map("map", {
&amp;nbsp; extent: new esri.geometry.Extent({
&amp;nbsp;&amp;nbsp; xmin: -13046970,
&amp;nbsp;&amp;nbsp; ymin: 4036238,
&amp;nbsp;&amp;nbsp; xmax: -13045355,
&amp;nbsp;&amp;nbsp; ymax: 4036540,
&amp;nbsp;&amp;nbsp; spatialReference: {
&amp;nbsp;&amp;nbsp;&amp;nbsp; wkid: 102100
&amp;nbsp;&amp;nbsp; }
&amp;nbsp; }),
&amp;nbsp; infoWindow: popup
 });

 // for webmaps
 var arcgisURL = "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer"
 // 102100 
 var tiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer(arcgisURL);
 map.addLayer(tiledMapServiceLayer);
 createFeatureLayer();
}



function createFeatureLayer() {
 var fs = new esri.tasks.FeatureSet(jsonFS);&amp;nbsp;&amp;nbsp; //jsonFS is coming from another static JS included in the HTML
 var fsCollect = new esri.tasks.FeatureSet();
 var featuresList = fs.features;
 
 var layerDefinition = {
&amp;nbsp; "displayFieldName": "EntityType",
&amp;nbsp; "geometryType": "esriGeometryPoint",
&amp;nbsp; "spatialReference": {
&amp;nbsp;&amp;nbsp; "wkid": 102100
&amp;nbsp; },
&amp;nbsp; "fields": [{
&amp;nbsp;&amp;nbsp; "name": "ObjectID",
&amp;nbsp;&amp;nbsp; "alias": "ObjectID",
&amp;nbsp;&amp;nbsp; "type": "esriFieldTypeOID"
&amp;nbsp;&amp;nbsp; }, 
&amp;nbsp;&amp;nbsp; {
&amp;nbsp;&amp;nbsp; "name": "EntityType",
&amp;nbsp;&amp;nbsp; "alias": "EntityType",
&amp;nbsp;&amp;nbsp; "type": "esriFieldTypeString"
&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp; 
&amp;nbsp;&amp;nbsp; ]
&amp;nbsp; }
 
 var featureCollection = {
&amp;nbsp; layerDefinition: layerDefinition,
&amp;nbsp; featureSet: fs
 };
 
 //alert(featureCollection.featureSet.features.length);
 //console.log(featureCollection);
 
 var popupTemplate = new esri.dijit.PopupTemplate({
&amp;nbsp;&amp;nbsp; title: "{EntityTypeDisplay}",
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; fieldInfos: [
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {fieldName: "EntityTypeDisplay", visible: true, label:"Type"},
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {fieldName: "Description", visible:true, label:"Description"}
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ]
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });
 
 //esri.layers.FeatureLayer.MODE_ONDEMAND //MODE_SNAPSHOT
 featureLayer = new esri.layers.FeatureLayer(featureCollection,
&amp;nbsp;&amp;nbsp; {
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; mode: esri.layers.FeatureLayer.MODE_SELECTION,
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; infoTemplate: popupTemplate,
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; outFields: ['EntityTypeDisplay','Description']
&amp;nbsp;&amp;nbsp; });
 var defaultSymbol = new esri.symbol.SimpleMarkerSymbol();
 
 
 var renderer = new esri.renderer.UniqueValueRenderer(defaultSymbol, "EntityType");
 
 //add symbol for each possible value
 var symbolpurplePartner = new esri.symbol.PictureMarkerSymbol("http://static.arcgis.com/images/Symbols/Shapes/PurplePin1LargeB.png", 32, 32).setOffset(0, 15);
 var symbolpurplePartners = new esri.symbol.PictureMarkerSymbol({"angle":0,"xoffset":0,"yoffset":10,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Shapes/PurplePin2LargeB.png","contentType":"image/png","width":24,"height":24});
 var symbolredDocument = new esri.symbol.PictureMarkerSymbol("http://static.arcgis.com/images/Symbols/Shapes/RedPin1LargeB.png", 32, 32).setOffset(0, 15);
 var symbolredDocuments = new esri.symbol.PictureMarkerSymbol({"angle":0,"xoffset":0,"yoffset":10,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Shapes/RedPin2LargeB.png","contentType":"image/png","width":24,"height":24}); 
 var symbolgreenProject = new esri.symbol.PictureMarkerSymbol({"angle":0,"xoffset":0,"yoffset":10,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Shapes/GreenPin1LargeB.png","contentType":"image/png","width":24,"height":24});
 var symbolgreenProjects = new esri.symbol.PictureMarkerSymbol({"angle":0,"xoffset":0,"yoffset":10,"type":"esriPMS","url":"http://static.arcgis.com/images/Symbols/Shapes/GreenPin2LargeB.png","contentType":"image/png","width":24,"height":24}); 
 
 //Find shapes here
 //http://help.arcgis.com/en/webapi/javascript/arcgis/samples/portal_symbols/index.html
 
 renderer.addValue("Partner", symbolpurplePartner);
 renderer.addValue("Partners", symbolpurplePartners); 
 renderer.addValue("Document", symbolredDocument);
 renderer.addValue("Documents", symbolredDocuments);
 renderer.addValue("Project", symbolgreenProject);
 renderer.addValue("Projects", symbolgreenProjects);
 featureLayer.setRenderer(renderer);
 
 map.addLayer(featureLayer);
 
&amp;nbsp;&amp;nbsp;&amp;nbsp; dojo.connect(featureLayer,"onClick",function(evt){
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; map.infoWindow.setFeatures([evt.graphic]);
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; console.log(evt.mapPoint.x + " " + evt.mapPoint.y);
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }); 

&amp;nbsp;&amp;nbsp;&amp;nbsp; /*
 dojo.connect(map, 'onClick', function (e) {
&amp;nbsp; console.log(e.mapPoint.x + " " + e.mapPoint.y);
&amp;nbsp;&amp;nbsp; map.infoWindow.setTitle("Coordinates");
&amp;nbsp;&amp;nbsp; map.infoWindow.setContent("lat/lon : " + e.mapPoint.y + ", " + e.mapPoint.x);
&amp;nbsp;&amp;nbsp; map.infoWindow.show(e.screenPoint, map.getInfoWindowAnchor(e.screenPoint));
 });
*/
}

function getExtent() {
 document.write("MinX: " + map.extent.xmin + " MinY: " + map.extent.ymin + " MaxX: " + map.extent.xmax + " MaxY: " + map.extent.ymax);
}

dojo.addOnLoad(init);

&lt;/PRE&gt;&lt;DIV style="display:none;"&gt; &lt;/DIV&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sun, 20 Jan 2013 22:47:24 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/popup-not-showing-multiple-entries/m-p/308754#M28346</guid>
      <dc:creator>AjayGoel1</dc:creator>
      <dc:date>2013-01-20T22:47:24Z</dc:date>
    </item>
  </channel>
</rss>

