<?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 Highlight symbols of different colors in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/highlight-symbols-of-different-colors/m-p/514510#M48005</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;I'm trying to highlight the selected symbol by setting transparency to 0 (default symbol is set to 60%). I know how to do this if all the symbols are the same color, but how can it be accomplished if the symbols are four different colors?&amp;nbsp; &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;function that load the symbols to the layer&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;function loadToPoints(numLat, numLon, strBox, strText, idColor)&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;{&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;//initialize symbology&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt; var lat = numLat;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var lng = numLon;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;if (idColor=='red') {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var symbol = new esri.symbol.SimpleMarkerSymbol().setColor(new dojo.Color([255,0,0,.6]));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; }&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;if (idColor=='orange') {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var symbol = new esri.symbol.SimpleMarkerSymbol().setColor(new dojo.Color([255,124,0,.6]));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; }&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;if (idColor=='yellow') {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var symbol = new esri.symbol.SimpleMarkerSymbol().setColor(new dojo.Color([255,255,0,.6]));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; }&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;if (idColor=='green') {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var symbol = new esri.symbol.SimpleMarkerSymbol().setColor(new dojo.Color([0,255,0,.6]));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; } &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var pt = new esri.geometry.Point(lng,lat,new esri.SpatialReference({'wkid':4326}));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var xyPt = new esri.geometry.geographicToWebMercator(pt);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var graphic = new esri.Graphic(xyPt, symbol);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var infoTemplate = new esri.InfoTemplate();&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var strTitle = "Event: " + strText;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; infoTemplate.setTitle(strTitle);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; infoTemplate.setContent(strBox);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; map.infoWindow.resize(300,225);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; graphic.setInfoTemplate(infoTemplate);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; outagesLayer.add(graphic);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;}&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;i figure i need to define the highlightSymbol in this function, but how do i use it when a mouse event occurs.&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Fri, 03 Jun 2011 15:13:57 GMT</pubDate>
    <dc:creator>StuartLorentz</dc:creator>
    <dc:date>2011-06-03T15:13:57Z</dc:date>
    <item>
      <title>Highlight symbols of different colors</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/highlight-symbols-of-different-colors/m-p/514510#M48005</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;I'm trying to highlight the selected symbol by setting transparency to 0 (default symbol is set to 60%). I know how to do this if all the symbols are the same color, but how can it be accomplished if the symbols are four different colors?&amp;nbsp; &lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;function that load the symbols to the layer&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;function loadToPoints(numLat, numLon, strBox, strText, idColor)&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;{&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;//initialize symbology&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt; var lat = numLat;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var lng = numLon;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;if (idColor=='red') {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var symbol = new esri.symbol.SimpleMarkerSymbol().setColor(new dojo.Color([255,0,0,.6]));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; }&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;if (idColor=='orange') {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var symbol = new esri.symbol.SimpleMarkerSymbol().setColor(new dojo.Color([255,124,0,.6]));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; }&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;if (idColor=='yellow') {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var symbol = new esri.symbol.SimpleMarkerSymbol().setColor(new dojo.Color([255,255,0,.6]));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; }&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;if (idColor=='green') {&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var symbol = new esri.symbol.SimpleMarkerSymbol().setColor(new dojo.Color([0,255,0,.6]));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; } &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var pt = new esri.geometry.Point(lng,lat,new esri.SpatialReference({'wkid':4326}));&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var xyPt = new esri.geometry.geographicToWebMercator(pt);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var graphic = new esri.Graphic(xyPt, symbol);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var infoTemplate = new esri.InfoTemplate();&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; var strTitle = "Event: " + strText;&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; infoTemplate.setTitle(strTitle);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; infoTemplate.setContent(strBox);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; map.infoWindow.resize(300,225);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; graphic.setInfoTemplate(infoTemplate);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; outagesLayer.add(graphic);&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;}&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;i figure i need to define the highlightSymbol in this function, but how do i use it when a mouse event occurs.&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 03 Jun 2011 15:13:57 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/highlight-symbols-of-different-colors/m-p/514510#M48005</guid>
      <dc:creator>StuartLorentz</dc:creator>
      <dc:date>2011-06-03T15:13:57Z</dc:date>
    </item>
  </channel>
</rss>

