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

Where can I find code?

TrixieRife

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!

Trouver plus de publications taguées avec

Accepted answers

All comments

TrixieRife

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.

rscheitlin

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>

TrixieRife

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

TrixieRife

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

rscheitlin

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.

TrixieRife

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!

rscheitlin

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

TrixieRife

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

andrewj_ca

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"/>

TrixieRife

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

DasaPaddock

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

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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