Query a map service.

Sometimes you need to find a features using a text field and show the result on a map. This example show you some code in how you can do that. Download this flash file and open the searchLocation movieclip. Inside this movieclip you can find this action script.

This is the script...

stop(); // If you use components older the version 5.0, // Then unmarks these imports... // import maps_v2.geoMath; // import maps_v2.IMSConnector; // import maps_v2.dataLayer; // if you use components older then version 5.0 // Mark these import classes.eu.eea.map.geoMath; import classes.eu.eea.types.dataLayer; import classes.eu.eea.map.IMSConnector; // // Set these parameters to you own servers // var _server_name = "geonode.eea.eu.int"; // URL of the IMS server. var _service_name = "image2000_pan"; // name of the service. var _fromlayer = "0"; // layer ID that query should use var _search_field = "FULL_NAME_EN"; // field name to search on var _search_unique_field = "OBJECTID"; // unique field used to retrieve exact record. var _mapviewerInstance = _root.my_map; // instance of the map component to show the result on. var _maxzoomin:Number = 80000; // Maximum zoom level // // create Movieclip that will show the user a position. // The yellow glowing circle thing! // if (_root._search_pointer == undefined) { // Attach the movie from the library into the stage. _root.attachMovie("round_glow_pointer","_search_pointer",1); } // Create a pointer of the search movie clip into this movie clip. // Otherwise we need to refere always to _root var _search_pointer = _root._search_pointer; // This ensures that flash checks the xml retrieved and set the // character code pages accordingly. system.useCodepage = true; // Create an extra connector that we will use to // make the search with towards the IMS server. // using an extra connector ensures we do not disturb // a users interaction with the map. // It also gives us the possibility to use another server and service. // var IMSSearch= new IMSConnector(); //IMSSearch.debug = true; // // does the actual execution // request can come from // 1) the search button, the result will then be shown inside the search result // 2) the search result select, the mapex will then be send to the _mapviewerInstance map // function doSearch(myOBJECTID) { // Open the connection to the IMS server. IMSSearch.open(_server_name,_service_name); // // Set the projection information the same way as the current map. // This is optional and only needed if the 2 services use different // projections // IMSSearch.featurecoordsysSTRING = "PROJCS["ETRS_1989_LAEA_L52_M10",GEOGCS["GCS_ETRS_1989",DATUM["D_ETRS_1989",SPHEROID["GRS_1980",6378137.0,298.257222101]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Lambert_Azimuthal_Equal_Area"],PARAMETER["False_Easting",4321000.0],PARAMETER["False_Northing",3210000.0],PARAMETER["Central_Meridian",10.0],PARAMETER["Latitude_Of_Origin",52.0],UNIT["Meter",1.0]]"; IMSSearch.filtercoordsysSTRING = "PROJCS["ETRS_1989_LAEA_L52_M10",GEOGCS["GCS_ETRS_1989",DATUM["D_ETRS_1989",SPHEROID["GRS_1980",6378137.0,298.257222101]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Lambert_Azimuthal_Equal_Area"],PARAMETER["False_Easting",4321000.0],PARAMETER["False_Northing",3210000.0],PARAMETER["Central_Meridian",10.0],PARAMETER["Latitude_Of_Origin",52.0],UNIT["Meter",1.0]]"; if (myOBJECTID == undefined) { // // No Object specified, means that the // query came after the user pressed the search button. // var a_lyr = new dataLayer; a_lyr.title= 'search'; a_lyr.fromlayer = _fromlayer; a_lyr.layerid= _fromlayer + "_selection"; a_lyr.labelfield= ''; a_lyr.visible= true; // Did the user selected a like search or not. if (searchLike_chk.selected == true) { a_lyr.where= _search_field + " LIKE '%" + mySearch.text + "%'"; } else { a_lyr.where= _search_field + " = '" + mySearch.text + "'"; } a_lyr.featuretype= 'featureclass'; a_lyr.featurelimit= '500'; } else { // // An objectID is found. Means that the user hoovers over // a result in the list box. We try to find the location of // this selection. // var a_lyr = new dataLayer; a_lyr.title='mapex'; a_lyr.fromlayer = _fromlayer; a_lyr.layerid=_fromlayer + "_selection"; a_lyr.labelfield=''; a_lyr.visible=true; a_lyr.where= _search_unique_field + " = " + myOBJECTID; a_lyr.featuretype='featureclass'; } // // Show the user that we are doing a search. // A little status moviclip (red arrow) is shown and spinning // visualLoop.gotoAndPlay("show") // // Execute the request to the IMS server // IMSSearch.requestData(undefined,a_lyr); } // // Hide the pointer (yellow pointer on the map) // function hidePointer() { _level0.myPointer._visible = false _level0.myPointer.gotoAndStop(1); } // // event that comes back when IMS has done it's job // IMSSearch.onSelectResult = function(myArray:Array,selobj:Object) { // remember Array for later // depending on the selection object, we will decide what the // result is used for. // switch (selobj.title) { case 'mapex': // // The user clicked on the map // Here we take again the evelope and calculate a new // mapextend and zoom in the that area. // var my_mapex = IMSSearch.getMapextend("selection"); my_mapex.minx -= (_maxzoomin / 2) my_mapex.maxx += (_maxzoomin / 2) // Zoom in to that area doMapshow(my_mapex); break; case 'show': // // The user moved over a city name // the query we return uses the envelop of this result // to identify it's location. // mymapex = IMSSearch.getMapextend("selection"); var pnt1:Object = new Object(); var pnt2:Object = new Object(); var pnt3:Object = new Object(); pnt1.x = mymapex.minx pnt1.y = mymapex.miny pnt2.x = mymapex.maxx pnt2.y = mymapex.maxy var mygeo = geoMath; // retrieve the center pnt3 = mygeo.centerPointFromBox(pnt1,pnt2); // check first on the map pnt1 = _mapviewerInstance.mapPointToScreenPoint(pnt3) if (pnt1.x != undefined) { // // The location can be found on the main map // _search_pointer._visible = true _search_pointer.gotoAndPlay("show"); _search_pointer._x = pnt1.x; _search_pointer._y = pnt1.y } else { // // Check if there is an overview map // var insetmap = _mapviewerInstance.relatedMapinstance; // check on the inset map pnt1 = insetmap.mapPointToScreenPoint(pnt3) if (pnt1.x != undefined) { _search_pointer._visible = true _search_pointer.gotoAndPlay("show"); _search_pointer._x = pnt1.x; _search_pointer._y = pnt1.y } else { trace("out of border"); hidePointer(); } } break; case 'search': // // The result is a search for a city or place name // Clear the result list and fill it with the new result. // // if (myArray.length > 0) { searchresult.removeAll(); for (var a in myArray) { searchresult.addItem({label:myArray[a][_search_field] + ' (' + myArray[a]['COUNTRY_NAME'].toLowerCase() + ')',data:myArray[a]['OBJECTID']}); } searchresult.sortItemsBy('label') } else { // Nothing was found, pass this message on searchresult.removeAll(); searchresult.addItem('No city or commune found...'); } break; } // // Hide and stop the status movieclip (red rotating arrow) // visualLoop.gotoAndStop("stop") } // // show movieclip on the area the user is selecting // // Create a new object that we use to assign events on var searchscan:Object = new Object(); // // Add a listener on the listbox, and trigger each time a // user rolls over a result. // searchresult.addEventListener('itemRollOver',searchscan) // The event itself. searchscan.itemRollOver = function(eventObj) { // Get the index value in the list. var newIndex = eventObj.index; // If a number, start executing a search to the server if (newIndex != undefined) { // Retrieve the item from the list var myItem = searchresult.getItemAt(newIndex) // Retrieve the objectid from that item var myOBJECTID = myItem.data; // if you found an object id, go and execute the search if (myOBJECTID != undefined) { var a = new dataLayer(); a.title = 'show'; a.fromlayer=_fromlayer; a.layerid=_fromlayer + "_selection"; a.labelfield=''; a.novisual=true; a.where= _search_unique_field + " = " + myOBJECTID; a.featuretype='featureclass'; IMSSearch.requestData(undefined,a); } } } // // Calculate the new mapextend and jump to the requested area // // function doMapshow(tmp_map:Object) { if (Math.abs((tmp_map.maxx - tmp_map.minx)) < _maxzoomin) { var centerx = tmp_map.minx + ((tmp_map.maxx - tmp_map.minx) / 2) tmp_map.minx = centerx - ( _maxzoomin / 2); tmp_map.maxx = centerx + ( _maxzoomin / 2); } if (Math.abs((tmp_map.maxy - tmp_map.miny)) < _maxzoomin) { var centery = tmp_map.miny + ((tmp_map.maxy - tmp_map.miny) / 2) tmp_map.miny = centery - ( _maxzoomin / 2); tmp_map.maxy = centery + ( _maxzoomin / 2); } // make the mapex fit the window tmp_map = geoMath.fitMapextend(tmp_map,_mapviewerInstance.getMapextend()); // // Start the animation // _mapviewerInstance.pre_zoomRasterMap(tmp_map,'map') // // Request a new image. // _mapviewerInstance.processImage(tmp_map); }  

The compiled version.

The example file QueryData.fla