4、为地图增加浏览控制按钮——toolbar

 

为地图增加控制按钮ToolBar

1、  准备按钮图标文件并引入Flex

（1）在工程的Src文件夹下新建一个文件夹image，将工具图标文件复制进去！

  （2）在Flex中注册图标，并在ToggleButtonBar按钮中使用

<mx:Script>

       <![CDATA[

       //图标文件

       [Bindable]

       //放大

        [Embed(source="images/Zoomin.gif")]

        public var ZoomIn:Class;

        //缩小

        [Bindable]

        [Embed(source="images/Zoomout.gif")]

        public var Zoomout:Class;

        //移动

        [Bindable]

        [Embed(source="images/pan.gif")]

        public var pan:Class;

        //上一视图

        [Bindable]

        [Embed(source="images/lastview.gif")]

        public var lastview:Class;

        //下一视图

        [Bindable]

        [Embed(source="images/nextview.gif")]

        public var nextview:Class;

       ]]>

    </mx:Script>

（3）使用ToggleButtonBar：

  在map空间的代码下部加入ToggleButtonBar的引用代码：

注意：直接在Design里面绘制时，代码可能会出现错误，因为在map控件上绘制其他控件后，程序自动将其代码加入到<ESRI:map></ESRI:map>中间，而map空间不是容器当然不可以在里面加入其他类型的控件（ESRI公司的图层控件可以支持，以服务的形式）。

完成ToggleButtonBar绘制后的代码如下：

说明：ToggleButtonBar