<?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 Feature layer Click event issue in windows environment in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/feature-layer-click-event-issue-in-windows/m-p/142628#M13309</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;We are facing a peculiar issue and would require help in solving or identifying the solution, whenever a click is made on the feature layer the pop up containing the data variables is not being displayed consistently.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Issue is that the pan and extent change event is also firing during the click. This happens when there is a background process initiated and in few other machines it is happening by default (Windows 10)&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Have the sand box testing code below with console log which will provide event firing .To test start any windows application during the click event to find that pan/extent change will also fire&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;BR /&gt;&amp;lt;html&amp;gt;&lt;BR /&gt; &amp;lt;head&amp;gt;&lt;BR /&gt; &amp;lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&amp;gt;&lt;BR /&gt; &lt;BR /&gt; &amp;lt;meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"&amp;gt;&lt;BR /&gt; &amp;lt;title&amp;gt;Class Breaks Renderer&amp;lt;/title&amp;gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;&amp;lt;link rel="stylesheet" href="&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fjs.arcgis.com%2F3.20%2Fesri%2Fcss%2Fesri.css" rel="nofollow" target="_blank"&gt;https://js.arcgis.com/3.20/esri/css/esri.css&lt;/A&gt;&lt;SPAN&gt;"&amp;gt;&lt;/SPAN&gt;&lt;BR /&gt; &amp;lt;style&amp;gt;&lt;BR /&gt; html, body, #map{&lt;BR /&gt; height: 100%;&lt;BR /&gt; margin: 0;&lt;BR /&gt; padding: 0;&lt;BR /&gt; }&lt;BR /&gt; &amp;lt;/style&amp;gt;&lt;BR /&gt;&lt;SPAN&gt; &amp;lt;script src="&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fjs.arcgis.com%2F3.20%2F" rel="nofollow" target="_blank"&gt;https://js.arcgis.com/3.20/&lt;/A&gt;&lt;SPAN&gt;"&amp;gt;&amp;lt;/script&amp;gt;&lt;/SPAN&gt;&lt;BR /&gt; &amp;lt;script&amp;gt;&lt;BR /&gt; var map;&lt;BR /&gt; require([&lt;BR /&gt; "esri/map", "esri/layers/FeatureLayer",&lt;BR /&gt; "esri/InfoTemplate", "esri/symbols/SimpleFillSymbol", &lt;BR /&gt; "esri/renderers/ClassBreaksRenderer",&lt;BR /&gt; "esri/Color", "dojo/dom-style", "dojo/domReady!"&lt;BR /&gt; ], function(&lt;BR /&gt; Map, FeatureLayer,&lt;BR /&gt; InfoTemplate, SimpleFillSymbol, &lt;BR /&gt; ClassBreaksRenderer,&lt;BR /&gt; Color, domStyle&lt;BR /&gt; ) {&lt;BR /&gt; map = new Map("map", {&lt;BR /&gt; basemap: "streets",&lt;BR /&gt; center: [-98.215, 38.382],&lt;BR /&gt; zoom: 7,&lt;BR /&gt; slider: false&lt;BR /&gt; });&lt;BR /&gt; var pext;&lt;BR /&gt; var symbol = new SimpleFillSymbol();&lt;BR /&gt; symbol.setColor(new Color([150, 150, 150, 0.5]));&lt;/P&gt;&lt;P&gt;// Add five breaks to the renderer.&lt;BR /&gt; // If you have ESRI's ArcMap available, this can be a good way to determine break values.&lt;BR /&gt; // You can also copy the RGB values from the color schemes ArcMap applies, or use colors&lt;BR /&gt; // from a site like www.colorbrewer.org&lt;BR /&gt; //&lt;BR /&gt; // alternatively, ArcGIS Server's generate renderer task could be used&lt;BR /&gt; var renderer = new ClassBreaksRenderer(symbol, "POP07_SQMI");&lt;BR /&gt; renderer.addBreak(0, 25, new SimpleFillSymbol().setColor(new Color([56, 168, 0, 0.5])));&lt;BR /&gt; renderer.addBreak(25, 75, new SimpleFillSymbol().setColor(new Color([139, 209, 0, 0.5])));&lt;BR /&gt; renderer.addBreak(75, 175, new SimpleFillSymbol().setColor(new Color([255, 255, 0, 0.5])));&lt;BR /&gt; renderer.addBreak(175, 400, new SimpleFillSymbol().setColor(new Color([255, 128, 0, 0.5])));&lt;BR /&gt; renderer.addBreak(400, Infinity, new SimpleFillSymbol().setColor(new Color([255, 0, 0, 0.5])));&lt;/P&gt;&lt;P&gt;var infoTemplate = new InfoTemplate("${NAME}", "${*}");&lt;BR /&gt;&lt;SPAN&gt; var featureLayer = new FeatureLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fsampleserver1.arcgisonline.com%2FArcGIS%2Frest%2Fservices%2FDemographics%2FESRI_Census_USA%2FMapServer%2F3" rel="nofollow" target="_blank"&gt;https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/3&lt;/A&gt;&lt;SPAN&gt;", {&lt;/SPAN&gt;&lt;BR /&gt; mode: FeatureLayer.MODE_SNAPSHOT,&lt;BR /&gt; outFields: ["*"],&lt;BR /&gt; infoTemplate: infoTemplate&lt;BR /&gt; });&lt;BR /&gt; &lt;BR /&gt; featureLayer.setDefinitionExpression("STATE_NAME = 'Kansas'");&lt;BR /&gt; featureLayer.setRenderer(renderer);&lt;BR /&gt; map.addLayer(featureLayer);&lt;BR /&gt; &lt;BR /&gt; map.on("click",function(evt){&lt;BR /&gt; &lt;BR /&gt; console.log("on map click extent start");&lt;BR /&gt; &lt;BR /&gt; console.log("on map click extent end");&lt;/P&gt;&lt;P&gt;});&lt;BR /&gt; &lt;BR /&gt; map.on("extent-change",function(evt){&lt;BR /&gt; &lt;BR /&gt; console.log("on extent change event object start");&lt;BR /&gt; console.log(evt.extent);&lt;BR /&gt; &lt;BR /&gt; console.log("on extent change event object end");&lt;BR /&gt; &lt;BR /&gt; });&lt;BR /&gt; &lt;BR /&gt; map.on("pan-end",function(evt){&lt;BR /&gt; &lt;BR /&gt; console.log("on pan end");&lt;BR /&gt; &lt;BR /&gt; });&lt;BR /&gt; &lt;BR /&gt; });&lt;BR /&gt; &amp;lt;/script&amp;gt;&lt;BR /&gt; &amp;lt;/head&amp;gt;&lt;BR /&gt; &lt;BR /&gt; &amp;lt;body&amp;gt;&lt;BR /&gt; &amp;lt;div id="map"&amp;gt;&amp;lt;/div&amp;gt;&lt;BR /&gt; &amp;lt;/body&amp;gt;&lt;/P&gt;&lt;P&gt;&amp;lt;/html&amp;gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Wed, 22 Mar 2017 07:16:05 GMT</pubDate>
    <dc:creator>phpsite</dc:creator>
    <dc:date>2017-03-22T07:16:05Z</dc:date>
    <item>
      <title>Feature layer Click event issue in windows environment</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/feature-layer-click-event-issue-in-windows/m-p/142628#M13309</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;We are facing a peculiar issue and would require help in solving or identifying the solution, whenever a click is made on the feature layer the pop up containing the data variables is not being displayed consistently.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Issue is that the pan and extent change event is also firing during the click. This happens when there is a background process initiated and in few other machines it is happening by default (Windows 10)&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Have the sand box testing code below with console log which will provide event firing .To test start any windows application during the click event to find that pan/extent change will also fire&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;BR /&gt;&amp;lt;html&amp;gt;&lt;BR /&gt; &amp;lt;head&amp;gt;&lt;BR /&gt; &amp;lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&amp;gt;&lt;BR /&gt; &lt;BR /&gt; &amp;lt;meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"&amp;gt;&lt;BR /&gt; &amp;lt;title&amp;gt;Class Breaks Renderer&amp;lt;/title&amp;gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;&amp;lt;link rel="stylesheet" href="&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fjs.arcgis.com%2F3.20%2Fesri%2Fcss%2Fesri.css" rel="nofollow" target="_blank"&gt;https://js.arcgis.com/3.20/esri/css/esri.css&lt;/A&gt;&lt;SPAN&gt;"&amp;gt;&lt;/SPAN&gt;&lt;BR /&gt; &amp;lt;style&amp;gt;&lt;BR /&gt; html, body, #map{&lt;BR /&gt; height: 100%;&lt;BR /&gt; margin: 0;&lt;BR /&gt; padding: 0;&lt;BR /&gt; }&lt;BR /&gt; &amp;lt;/style&amp;gt;&lt;BR /&gt;&lt;SPAN&gt; &amp;lt;script src="&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fjs.arcgis.com%2F3.20%2F" rel="nofollow" target="_blank"&gt;https://js.arcgis.com/3.20/&lt;/A&gt;&lt;SPAN&gt;"&amp;gt;&amp;lt;/script&amp;gt;&lt;/SPAN&gt;&lt;BR /&gt; &amp;lt;script&amp;gt;&lt;BR /&gt; var map;&lt;BR /&gt; require([&lt;BR /&gt; "esri/map", "esri/layers/FeatureLayer",&lt;BR /&gt; "esri/InfoTemplate", "esri/symbols/SimpleFillSymbol", &lt;BR /&gt; "esri/renderers/ClassBreaksRenderer",&lt;BR /&gt; "esri/Color", "dojo/dom-style", "dojo/domReady!"&lt;BR /&gt; ], function(&lt;BR /&gt; Map, FeatureLayer,&lt;BR /&gt; InfoTemplate, SimpleFillSymbol, &lt;BR /&gt; ClassBreaksRenderer,&lt;BR /&gt; Color, domStyle&lt;BR /&gt; ) {&lt;BR /&gt; map = new Map("map", {&lt;BR /&gt; basemap: "streets",&lt;BR /&gt; center: [-98.215, 38.382],&lt;BR /&gt; zoom: 7,&lt;BR /&gt; slider: false&lt;BR /&gt; });&lt;BR /&gt; var pext;&lt;BR /&gt; var symbol = new SimpleFillSymbol();&lt;BR /&gt; symbol.setColor(new Color([150, 150, 150, 0.5]));&lt;/P&gt;&lt;P&gt;// Add five breaks to the renderer.&lt;BR /&gt; // If you have ESRI's ArcMap available, this can be a good way to determine break values.&lt;BR /&gt; // You can also copy the RGB values from the color schemes ArcMap applies, or use colors&lt;BR /&gt; // from a site like www.colorbrewer.org&lt;BR /&gt; //&lt;BR /&gt; // alternatively, ArcGIS Server's generate renderer task could be used&lt;BR /&gt; var renderer = new ClassBreaksRenderer(symbol, "POP07_SQMI");&lt;BR /&gt; renderer.addBreak(0, 25, new SimpleFillSymbol().setColor(new Color([56, 168, 0, 0.5])));&lt;BR /&gt; renderer.addBreak(25, 75, new SimpleFillSymbol().setColor(new Color([139, 209, 0, 0.5])));&lt;BR /&gt; renderer.addBreak(75, 175, new SimpleFillSymbol().setColor(new Color([255, 255, 0, 0.5])));&lt;BR /&gt; renderer.addBreak(175, 400, new SimpleFillSymbol().setColor(new Color([255, 128, 0, 0.5])));&lt;BR /&gt; renderer.addBreak(400, Infinity, new SimpleFillSymbol().setColor(new Color([255, 0, 0, 0.5])));&lt;/P&gt;&lt;P&gt;var infoTemplate = new InfoTemplate("${NAME}", "${*}");&lt;BR /&gt;&lt;SPAN&gt; var featureLayer = new FeatureLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fsampleserver1.arcgisonline.com%2FArcGIS%2Frest%2Fservices%2FDemographics%2FESRI_Census_USA%2FMapServer%2F3" rel="nofollow" target="_blank"&gt;https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/3&lt;/A&gt;&lt;SPAN&gt;", {&lt;/SPAN&gt;&lt;BR /&gt; mode: FeatureLayer.MODE_SNAPSHOT,&lt;BR /&gt; outFields: ["*"],&lt;BR /&gt; infoTemplate: infoTemplate&lt;BR /&gt; });&lt;BR /&gt; &lt;BR /&gt; featureLayer.setDefinitionExpression("STATE_NAME = 'Kansas'");&lt;BR /&gt; featureLayer.setRenderer(renderer);&lt;BR /&gt; map.addLayer(featureLayer);&lt;BR /&gt; &lt;BR /&gt; map.on("click",function(evt){&lt;BR /&gt; &lt;BR /&gt; console.log("on map click extent start");&lt;BR /&gt; &lt;BR /&gt; console.log("on map click extent end");&lt;/P&gt;&lt;P&gt;});&lt;BR /&gt; &lt;BR /&gt; map.on("extent-change",function(evt){&lt;BR /&gt; &lt;BR /&gt; console.log("on extent change event object start");&lt;BR /&gt; console.log(evt.extent);&lt;BR /&gt; &lt;BR /&gt; console.log("on extent change event object end");&lt;BR /&gt; &lt;BR /&gt; });&lt;BR /&gt; &lt;BR /&gt; map.on("pan-end",function(evt){&lt;BR /&gt; &lt;BR /&gt; console.log("on pan end");&lt;BR /&gt; &lt;BR /&gt; });&lt;BR /&gt; &lt;BR /&gt; });&lt;BR /&gt; &amp;lt;/script&amp;gt;&lt;BR /&gt; &amp;lt;/head&amp;gt;&lt;BR /&gt; &lt;BR /&gt; &amp;lt;body&amp;gt;&lt;BR /&gt; &amp;lt;div id="map"&amp;gt;&amp;lt;/div&amp;gt;&lt;BR /&gt; &amp;lt;/body&amp;gt;&lt;/P&gt;&lt;P&gt;&amp;lt;/html&amp;gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 22 Mar 2017 07:16:05 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/feature-layer-click-event-issue-in-windows/m-p/142628#M13309</guid>
      <dc:creator>phpsite</dc:creator>
      <dc:date>2017-03-22T07:16:05Z</dc:date>
    </item>
    <item>
      <title>Re: Feature layer Click event issue in windows environment</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/feature-layer-click-event-issue-in-windows/m-p/142629#M13310</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;It might be a good idea to move your thread to a group/place that can help within the Developer section to target the software/development environment you are using.&amp;nbsp; This place is GeoNet Help... which is for help on how to use GeoNet&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 22 Mar 2017 11:24:49 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/feature-layer-click-event-issue-in-windows/m-p/142629#M13310</guid>
      <dc:creator>DanPatterson_Retired</dc:creator>
      <dc:date>2017-03-22T11:24:49Z</dc:date>
    </item>
    <item>
      <title>Re: Feature layer Click event issue in windows environment</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/feature-layer-click-event-issue-in-windows/m-p/142630#M13311</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Thanks Dan Patterson&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 23 Mar 2017 02:57:19 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/feature-layer-click-event-issue-in-windows/m-p/142630#M13311</guid>
      <dc:creator>phpsite</dc:creator>
      <dc:date>2017-03-23T02:57:19Z</dc:date>
    </item>
  </channel>
</rss>

