Custom Browsing Button
View live sample | Download as a zip file
Description
Use "oToolbar.AddTool()" to add tools, such as zoom in/out, pan.
How To Use
Copy and modify the codes below.
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" minWidth="955" minHeight="600"
			   xmlns:sgw="library://www.supergeotek.com/sgw" initialize="application1_initializeHandler(event)">
	
	<!-- Flex Sample 021: Custom Browsing Buttons -->
	<fx:Script>   
		<![CDATA[
			import Core.ICommand;
			import Core.IDisplayTransformation;
			import Core.ITool;
			import Geometry.Envelope;
			import Geometry.Point;
			import MapLayer.MapCachedLayer;
			import MapLayer.MapLayerEvents;
			import MapLayer.MapTileLayer;
			import Tool.Bookmark;
			import Tool.FullExtentTool;
			import Tool.Identify;
			import Tool.MapZoomStep;
			import Tool.Measure;
			import Tool.PanTool;
			import Tool.XYLocateTool;
			import Tool.ZoomLastTool;
			import Tool.ZoomTool;
			import mx.controls.Alert;
			import mx.events.FlexEvent;
			import mx.events.MenuEvent;
			import mx.formatters.Formatter;
			import mx.utils.StringUtil;
			
			//Initialize Map
			protected function application1_initializeHandler(event:FlexEvent):void
			{
				var pLyr:MapCachedLayer = new MapCachedLayer();
				pLyr.addEventListener(MapLayerEvents.LOADED, maptilelayer1_LoadedHandler);
				pLyr.ResourcePath="http://sgs.supergeo.com.tw/world_rst1/Agent.aspx";
			}
			
			protected function maptilelayer1_LoadedHandler(vEvent:MapLayerEvents):void
			{
				var pLyr:MapCachedLayer = vEvent.currentTarget as MapCachedLayer;
				oMapBase.AddLayer(pLyr);
				var pExt:Envelope = pLyr.Extent;
				var pTrans:CachedLevelTransformation = new CachedLevelTransformation(pLyr);
				oMapBase.Transformation = pTrans as IDisplayTransformation;
				
				var pStep:MapZoomStep= new MapZoomStep(oMapBase);
				//ADD THE CODES HERE to add tools
				oToolbar.AddTool(new ToolbarItem(new ZoomTool(0), "Images/012_02.png", "Zoom In"));             
				oToolbar.AddTool(new ToolbarItem(new ZoomTool(1), "Images/012_03.png", "Zoom Out"));                
				oToolbar.AddTool(new ToolbarItem(new PanTool(), "Images/012_04.png", "Pan"));               
				oToolbar.AddTool(new ToolbarItem(new FullExtentTool(), "Images/012_05.png", "Full Extent"));                
				oToolbar.AddTool(new ToolbarItem(new ZoomLastTool(pStep, true), "Images/012_06.png", "Previous Extent"));               
				oToolbar.AddTool(new ToolbarItem(new ZoomLastTool(pStep, false), "Images/012_07.png", "Next Extent"));
				
				oMapBase.ZoomMapTo(pExt);
				oMapBase.RefreshMap(true);
				oMapBase.SelectMapTool(new PanTool(true, true) as ITool);
			}
		]]>
	</fx:Script>
	<fx:Declarations>
	</fx:Declarations>

	<sgw:MapControl id="oMapBase" width="100%" height="100%">
	</sgw:MapControl>
	<s:Label x="17" y="13" text="SuperGIS Server Flex Website Sample&#xd;--- Custom Browsing Tools " color="#016B09" fontSize="30" backgroundColor="#9ACD32" backgroundAlpha="0.7"/>
	<!-- Add ToolbarControl -->
	<sgw:ToolbarControl id="oToolbar" width="445" height="40" Map="{oMapBase}" x="27" y="91">   
		
	</sgw:ToolbarControl>
</s:Application>