Highlighting FOI's in a MVThemeBasedFOI layer ?

Question

I have a polygon theme based FOI layer. I want to allow the user to click on FOIs and have them become highlighted in yellow (or any color). I'm starting with clicking, but I'd like to get it working with the rectangle tool for multi select as well.
I got it somewhat working using a dynamic jdbc theme, but once I have two polygon themes I run into the multiple polygon FOI layers bug.
Any ideas?
-Brian

Answer 1

Friedhold,
Sure, I actually ended up implementing it for single selecting via clicking as well as multi select via the MVRectangleTool and MVRedlineTool.
For a single click I first add an eventlistener to my FOI layer
themebasedfoi.addEventListener("mouse_click", zipMouseClick);
then on clicking I grab the ID (in this case zipcode) of the FOI that was clicked.
function zipMouseClick(ptGeom,foiObj){     
          highlightGeometry(foiObj.attrs[0]);
the highlightGeometry funtion is an AJAX call to a .NET page I wrote
function highlightGeometry(str)
     xmlHttp=GetXmlHttpObject();
     if (xmlHttp==null)
          alert ("Your browser does not support AJAX!");
          return;
     var url="http://"+document.location.host+"/getgeometry.aspx";     
     url=url+"?ziplist="+str;
     url=url+"&sid="+Math.random();
     xmlHttp.onreadystatechange=stateChanged;
     xmlHttp.open("GET",url,true);
     xmlHttp.send(null);
the aspx page just goes and fetches the geometry of the requested zipcode and returns it in xml as a string of points. Then use the MVSdoGeometry object to create a polygon and add it to the map with a yellowish transparent color.
function stateChanged()
     if (xmlHttp.readyState==4)
          var geomLocStart=xmlHttp.responseText.indexOf('<GEOM>');
          var geomLocEnd=xmlHttp.responseText.indexOf('</GEOM>');
          mapview.removeFOI("highlightPoly");
          if ((geomLocStart > 0) && (geomLocEnd > 0)){
               var ptStr=xmlHttp.responseText.substring(geomLocStart+6,geomLocEnd);
               var ptAry = ptStr.split(",");
               var shape = MVSdoGeometry.createPolygon(ptAry,32774);
               var foi = new MVFOI("highlightPoly", shape, dataSource + ".C.TRANS_YELLOW", "", 0, 0);
               mapview.addFOI(foi);
for selecting multi, I pass the points that make up the rectangle tool or polytool by first grabbing them like so
var rectCoords = rectangleTool.getRectangle().getOrdinates();
then I pass those coordinates to my aspx page and run a spatial query using them to grab all zips that interact with that rectangle. I also union the results together and return just a single poly to the AJAX call.
I also ended up expanding the XML response to include data about the selected objects and display that in a grid below the map. Seems to work pretty well.
-Brian