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; } } }

Problem with PictureMarkerSymbol as Graphic

BenKane

My application has a graphicsLayer with a click handler on the that builds and displays an infoWindow with the graphic's attributes, and changes the symbol of the selected graphic to show that it has been selected. If I use only SimpleMarkerSymbols as the symbol for the layer the function works fine, but if I use a PictureMarkerSymbol as the symbol the function throws an "Error #1009: Cannot access a property or method of a null object reference" for the graphic var.

protected function _ClickHandler(clk:MouseEvent):void    {     var graphic:Graphic = clk.target as Graphic;          //reset unselected observationPts to correct symbol     for(var n:Number=0;n<observationPts.graphicProvider.length;n++)     {      observationPts.graphicProvider.symbol = obsPtSym;     }          graphic.symbol = highlightedSym;                                   showInfoWindow();                         }

With the symbols as:

<esri:PictureMarkerSymbol id="obsPtSym"   source="@Embed(source='assets/images/i_pin3_centered.png')"   height="30"   width="30"   />             <esri:SimpleMarkerSymbol id="highlightedSym"             alpha="0.9"            color="0xFF0000"            size="14"            style="circle">           <esri:SimpleLineSymbol color="0x000000"/>     </esri:SimpleMarkerSymbol>

In debug mode I see that clk.target = CustomSprite (@6177581), but the graphic var traces as null.

Anybody dealt with this before?

Encuentra más publicaciones etiquetadas con

Accepted answers

RobertScheitlin__GISP

Ben,

I got swamped yesterday... Here is a sample app that works with what you are wanting to do.

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"                 xmlns:s="library://ns.adobe.com/flex/spark"                 xmlns:mx="library://ns.adobe.com/flex/mx"                xmlns:esri="http://www.esri.com/2008/ags"                initialize="initApp()"                minWidth="955" minHeight="600">     <fx:Declarations>         <esri:PictureMarkerSymbol id="obsPtSym"                                   source="@Embed(source='assets/images/i_pin3_centered.png')"                                   height="30"                                   width="30"                                   />                  <esri:SimpleMarkerSymbol id="highlightedSym"                                   alpha="0.9"                                  color="0xFF0000"                                  size="14"                                  style="circle">             <esri:SimpleLineSymbol color="0x000000"/>         </esri:SimpleMarkerSymbol>     </fx:Declarations>     <fx:Script>         <![CDATA[             import com.esri.ags.Graphic;             import com.esri.ags.geometry.MapPoint;                          protected function _ClickHandler(clk:MouseEvent):void             {                 var graphic:Graphic = clk.currentTarget as Graphic;                                  //reset unselected observationPts to correct symbol                 for(var n:Number=0;n<observationPts.graphicProvider.length;n++)                 {                     observationPts.graphicProvider.symbol = obsPtSym;                 }                                  graphic.symbol = highlightedSym;                                      //showInfoWindow();             }                          private function initApp():void             {                 // add 100 random graphics to the GraphicsLayer                 for (var i:int; i < 100; i++)                 {                     var mapX:Number = Math.random() * 40044000 - 20022000;                     var mapY:Number = Math.random() * 40044000 - 20022000;                                          var attributes:Object = { "ranking": Math.random()};                     var graphic:Graphic = new Graphic(                         new MapPoint(mapX, mapY),                         null,                         attributes                     );                     graphic.toolTip = "Ranking: " + Number(graphic.attributes.ranking).toFixed(3);                     graphic.addEventListener(MouseEvent.CLICK,_ClickHandler);                     graphic.symbol = obsPtSym;                     observationPts.add(graphic);                 }             }         ]]>     </fx:Script>          <esri:Map openHandCursorVisible="false">         <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/>         <esri:GraphicsLayer id="observationPts" />     </esri:Map> </s:Application>

Don't forget to click the Mark as answer check on this post and to click the top arrow (promote) as shown below:

All comments

BenKane

Robert, thank you.

It turns out my problem was that I had attached the _ClickHandler to the graphicsLayer, rather than to each individual graphic. When I look through and add it as an event listener to each graphic it works fine.

RobertScheitlin__GISP

Ben,

I got swamped yesterday... Here is a sample app that works with what you are wanting to do.

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"                 xmlns:s="library://ns.adobe.com/flex/spark"                 xmlns:mx="library://ns.adobe.com/flex/mx"                xmlns:esri="http://www.esri.com/2008/ags"                initialize="initApp()"                minWidth="955" minHeight="600">     <fx:Declarations>         <esri:PictureMarkerSymbol id="obsPtSym"                                   source="@Embed(source='assets/images/i_pin3_centered.png')"                                   height="30"                                   width="30"                                   />                  <esri:SimpleMarkerSymbol id="highlightedSym"                                   alpha="0.9"                                  color="0xFF0000"                                  size="14"                                  style="circle">             <esri:SimpleLineSymbol color="0x000000"/>         </esri:SimpleMarkerSymbol>     </fx:Declarations>     <fx:Script>         <![CDATA[             import com.esri.ags.Graphic;             import com.esri.ags.geometry.MapPoint;                          protected function _ClickHandler(clk:MouseEvent):void             {                 var graphic:Graphic = clk.currentTarget as Graphic;                                  //reset unselected observationPts to correct symbol                 for(var n:Number=0;n<observationPts.graphicProvider.length;n++)                 {                     observationPts.graphicProvider.symbol = obsPtSym;                 }                                  graphic.symbol = highlightedSym;                                      //showInfoWindow();             }                          private function initApp():void             {                 // add 100 random graphics to the GraphicsLayer                 for (var i:int; i < 100; i++)                 {                     var mapX:Number = Math.random() * 40044000 - 20022000;                     var mapY:Number = Math.random() * 40044000 - 20022000;                                          var attributes:Object = { "ranking": Math.random()};                     var graphic:Graphic = new Graphic(                         new MapPoint(mapX, mapY),                         null,                         attributes                     );                     graphic.toolTip = "Ranking: " + Number(graphic.attributes.ranking).toFixed(3);                     graphic.addEventListener(MouseEvent.CLICK,_ClickHandler);                     graphic.symbol = obsPtSym;                     observationPts.add(graphic);                 }             }         ]]>     </fx:Script>          <esri:Map openHandCursorVisible="false">         <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/>         <esri:GraphicsLayer id="observationPts" />     </esri:Map> </s:Application>

Don't forget to click the Mark as answer check on this post and to click the top arrow (promote) as shown below:

BenKane

I see that the problem is that the individual graphic is not being isolated from the graphicsLayer. Not sure how to isolate the individual graphic clicked or why this would happen when using a PictureMarkerSymbol and not with SimpleMarkerSymbol.

BenKane

Robert, while that did change the currentTarget to a graphicsLayer object, the graphic var at graphic.symbol is still null.

RobertScheitlin__GISP

Ben,

Just use this instead as a way to get back to the graphic:

var graphic:Graphic = clk.currentTarget as Graphic;

Don't forget to click the Mark as answer check on this post and to click the top arrow (promote) as shown below:

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.