topic Re: Where can I find code? in ArcGIS API for Flex Questions

Where can I find code?

TrixieRife — Thu, 20 Jan 2011 17:27:59 GMT

I am looking for code for a mouse over for the US. I want to be able to move the mouse over a state and have an info block pop up with specific info in it. Can someone direct me to where I might be able to find such a thing? I've looked through the samples on the API for Flex and there is one for South Carolina that is close to what I need, but I can't figure out how to get state borders as the boundaries instead of counties in SC. I've also downloaded the API's into Flash builder and there are things that are close, but not quite. And I'm too new at this to figure out how to change the code without getting a plethora of errors. Thanks for any help!

Re: Where can I find code?

DasaPaddock — Fri, 21 Jan 2011 01:56:34 GMT

Here's a States layer:
http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5

Re: Where can I find code?

TrixieRife — Fri, 21 Jan 2011 14:13:19 GMT

thanks. the only problem is, when I use the link, then launch my project, nothing shows up.

Re: Where can I find code?

andrewj_ca — Fri, 21 Jan 2011 17:28:03 GMT

When you add this to the Flexviewer did you add it to the config file like this:

<layer label="States" type="feature" visible="true" url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5"/>

Re: Where can I find code?

TrixieRife — Fri, 21 Jan 2011 19:08:12 GMT

This is the code that I tried to use, although i subbed in the other URL, and had nothing showing.

<esri:Map id="myMap" load="zoomToUnitedStates()">
<esri:infoWindowContent>
<mx:TextArea id="myTextArea"
width="250" height="75"/>
</esri:infoWindowContent>
<esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/>

Do I need to put the layer label tag and the other stuff in there somewhere? And if so, where? I tried taking out this entire thing and using the code you wrote, but I got all kinds of errors. I'm really bad at this and need all the help I can get

Re: Where can I find code?

RobertScheitlin__GISP — Sun, 12 Dec 2021 03:33:50 GMT

Trixie,

Andrew thought that you were using FlexViewer.

Try this code:

 <esri:Map id="myMap" load="zoomToUnitedStates()">
  <esri:infoWindowContent>
   <mx:TextArea id="myTextArea" width="250" height="75"/>
  </esri:infoWindowContent>
  <esri:FeatureLayer id="fLayer"
         mode="snapshot"
         outFields=""
         graphicAdd="fLayer_graphicAddHandler(event)"
         url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5">
   <esri:renderer>
    <esri:SimpleRenderer>
     <esri:symbol>
      <esri:SimpleFillSymbol id="fillsym" style="solid" color="0x00FF00" alpha="0.6">
       <esri:SimpleLineSymbol width="2" color="0x00FF00" alpha="1"/>
      </esri:SimpleFillSymbol>
     </esri:symbol>
    </esri:SimpleRenderer>
   </esri:renderer>
  </esri:FeatureLayer>
 </esri:Map>

import com.esri.ags.events.GraphicEvent;
   
   protected function fLayer_graphicAddHandler(event:GraphicEvent):void
   {
    // just so we can add tool tips
    event.graphic.toolTip = event.graphic.attributes.STATE_NAME + "\n";
    event.graphic.toolTip += "2007 Population " + event.graphic.attributes.POP2007;
   }

Re: Where can I find code?

TrixieRife — Mon, 24 Jan 2011 11:15:50 GMT

Thanks Robert, that worked, at least I now get a map. But now, how do I get the states to light up/change color/display info box, when I mouse over them? I have a mouse over handler in the code, but I am missing something. Do I need a specific map for this to work? Or do I need to have code to tell it what to do? Thanks for the help!

Re: Where can I find code?

RobertScheitlin__GISP — Mon, 24 Jan 2011 12:13:18 GMT

Trixie,

The sample for how to do that is here:

http://help.arcgis.com/en/webapi/flex/samples/index.html?sample=FeatureLayer_MouseOver_Snapshot

If you are wanting to get into development then you are going to have to learn how to look at the different code sample and determine what you need from them to use in your custom app.

Re: Where can I find code?

TrixieRife — Mon, 24 Jan 2011 12:28:27 GMT

Thanks for the link Robert! Nope, not planning on getting into development. Just pinch hitting/cross training.... because I was asked to.

Re: Where can I find code?

TrixieRife — Mon, 24 Jan 2011 12:31:27 GMT

This map is the one I've been trying to copy. I've tried to put the US map in, instead of the SC map. I can't get it to highlight on mouse overs, i get an error. Hence the oringal question, and the subsequent coding that has improved, but not solved my problem. Thanks

Re: Where can I find code?

RobertScheitlin__GISP — Sun, 12 Dec 2021 03:33:53 GMT

Trixie,

In that case then here is the code:

<?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"
      pageTitle="FeatureLayer - show InfoWindow on mouseOver">
 <!--
 This sample shows you how to display an InfoWindow on a mouse over ("map tips").
 -->
 
 <fx:Script>
  <![CDATA[
   import com.esri.ags.Graphic;
   import com.esri.ags.SpatialReference;
   import com.esri.ags.events.GraphicEvent;
   import com.esri.ags.geometry.Extent;
   import com.esri.ags.geometry.MapPoint;
   
   protected function fLayer_graphicAddHandler(event:GraphicEvent):void
   {
    event.graphic.addEventListener(MouseEvent.MOUSE_OVER, onMouseOverHandler);
    event.graphic.addEventListener(MouseEvent.MOUSE_OUT, onMouseOutHandler);
   }
   
   private function onMouseOverHandler(event:MouseEvent):void
   {
    var gr:Graphic = Graphic(event.target);
    gr.symbol = mouseOverSymbol;
    myTextArea.htmlText = "<b>2000 Population: </b>" + gr.attributes.POP2000.toString() + "\n"
     + "<b>2000 Population per Sq. Mi.: </b>" + gr.attributes.POP00_SQMI.toString() + "\n"
     + "<b>2007 Population: </b>" + gr.attributes.POP2007 + "\n"
     + "<b>2007 Population per Sq. Mi.: </b>" + gr.attributes.POP07_SQMI;
    myMap.infoWindow.label = gr.attributes.STATE_NAME;
    myMap.infoWindow.closeButtonVisible = false;
    myMap.infoWindow.show(myMap.toMapFromStage(event.stageX, event.stageY));
   }
   
   private function onMouseOutHandler(event:MouseEvent):void
   {
    var gr:Graphic = Graphic(event.target);
    gr.symbol = defaultsym;
    myMap.infoWindow.hide();
   }
  ]]>
 </fx:Script>
 
 <fx:Style>
  @namespace s "library://ns.adobe.com/flex/spark";
  @namespace mx "library://ns.adobe.com/flex/mx";
  @namespace esri "http://www.esri.com/2008/ags";
  @namespace components "com.esri.ags.components.*";
  
  components|InfoWindow
  {
   content-background-alpha : 0;
   background-color : yellow;
   background-alpha : 0.8;
   border-style : solid;
  }
 </fx:Style>
 
 <fx:Declarations>
  <esri:SimpleFillSymbol id="mouseOverSymbol" alpha="0.5">
   <esri:SimpleLineSymbol width="0" color="0xFF0000"/>
  </esri:SimpleFillSymbol>
  <esri:SimpleFillSymbol id="defaultsym" alpha="0.2">
   <esri:SimpleLineSymbol width="0" color="0xEEEEEE"/>
  </esri:SimpleFillSymbol>
 </fx:Declarations>
 
 <s:layout>
  <s:VerticalLayout/>
 </s:layout>
 
 <esri:Map id="myMap" level="4"
     load="myMap.centerAt(new MapPoint(-11713000, 4822000))">

  <esri:infoWindowContent>
   <mx:TextArea id="myTextArea"
       width="250" height="75"/>
  </esri:infoWindowContent>
  <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/>
  <esri:FeatureLayer id="fLayer"
         graphicAdd="fLayer_graphicAddHandler(event)"
         mode="snapshot"
         outFields="*"
         symbol="{defaultsym}"
         url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5"/>
 </esri:Map>
</s:Application>

Re: Where can I find code?

TrixieRife — Mon, 24 Jan 2011 13:30:30 GMT

Thanks Robert! It worked. I'm not sure what I had different. When I went through the codes, mine was almost identical. But odviously there was something out of place. thanks again.