FlexViewer配置管理器

 

FlexViewer配置管理器

一、   所需软件和工程

1、  Adobe AIR（AIR=Adobe Integrated Runtime），air程序的运行环境。

2、  AppBuilder-2.5.air安装，直接运行默认安装即可。

3、  Flex Viewer工程（在上一步的安装目录下可以找到，也可去官网直接下载http://help.arcgis.com/en/webapps/flexviewer/index.html）。

二、   ArcGIS Viewer for Flex配置

AppBuilder-2.5.air安装后，桌面会创建相应的图标，如图： ；

         双击图标，进行相关配置：

1、 工程设置

                   双击ArcGIS Viewer图标后弹出设置面，如图1.1所示：

1.1图

1)  Web Server Base Folder

该项中填入的是flex Viewer部署的项目文件夹，通过Browse按钮来选择您发布的Flex Viewer文件夹；

2)  Web Server Base Folder URL

该项中填入的是您部署好的Flex Viewer工程浏览地址（通过浏览器可以访问项目的URL）。

3)  Show Advanced Settings

点击Show Advanced Settings可以列出一些高级设置，如图1.2所示：

图1.2

在图1.2中Advanced Setting参数介绍：

a)   Bing Maps Key填写您到Bing Maps申请的key，如：

Amj63nmpnh997B2aA9kjpJIARC1K0ofw8q3RmX8ddVobLKEaM82r8eXVmnexUjX，这个key当我们使用Bing Maps的地图服务时所需要的（本人申请的Key，也可以自己申请）。

b)   HTTP Proxy URL当请求的数据是从一台安全服务器上或数据主机在其他机器上时的代理URL。

c)   Geometry Service URL 是针对于Geometry Operation的操作,在config.xml配置文件中对于标签

<geometryservice url="http://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer"/>

d)   ArcGIS Sharing URL 为替换ArcGIS.com的URL。

e)   Getting Started Pop-ups 表示后续的配置提示信息显示与否，默认是显示，如图1.3所示：

图1.3

 

注：Flex Viewer项目首先要通过Web服务器发布，本例是通过Tomcat部署发布的，在配置前要确保Web服务器已经启动，不然无法进行下面的配置。

 

2、 创建应用

图1.1，配置好后，点击Save按钮，将跳到图2.1中：

图2.1

在图2.1中点击Create a New application按钮弹出下图2.2界面，在Application Name 输入框中输入应用的名字（如：test），输入后点击Create按钮。

图2.2

3、 Maps配置

在图2.2中，点击Create按钮后进入Web Map配置界面，如下图所示：

图3.1

    在图3.1中，Map的tab页中有两个选项，分别是Web Maps和BaseMaps and Operational Layers两个可选择。

1)  Web Maps地图服务设置

Web Maps是在ArcGIS.com中选择一个已有地图服务，点击Web Maps后进入Web Map配置界面，如下图所示：

图3.2

在图3.2中可以选择您要在系统中显示的地图服务，点击图中，Select按钮即可把选中的地图服务加载到右边的Select Web Map区域中。

在这个界面中还提供了一些地图过滤和地图范围设置功能，在Search的输入区中输入您想要找的地图服务名，点击Search按钮即可将相关的地图服务列表在Search results区域显示出来；点击Customize Map Extent按钮后，将跳入图3.3中：

图3.3

在图3.3中使用鼠标来移动地图，即可重新设置地图的初始化范围。

在config.xml中对应的标签：

<map esrilogovisible="true" openhandcursorvisible="true" scalebarvisible="true" zoomslidervisible="false" wraparound180="true" itemid="0b9f1f90f4f745daacbc35599609b59a" top="40"/>

 

其中itemid对应的是ArcGIS.com中地图服务的ID。

2)  BaseMaps and Operational Layers地图服务设置

在BaseMaps and Operational Layers中，可以选择一些BaseMap、ArcGIS Server和From Web服务，如下图3.4所示：

图3.4

这个界面比Web Maps功能更加强大和灵活，在3.4图中可以选择一些现有的基础地图服务，也可以自己指定ArcGIS Server的服务等等。

在图3.4中不仅可以设置地图的范围，而且可以添加多个图层，在系统中可以进行切换显示。

BaseMaps and Operational Layers在config.xml中对应的标签为：

<basemaps>             <layer label="Streets" type="tiled" visible="true"                    url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/>             <layer label="Aerial"  type="tiled" visible="false"                    url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"/>             <layer label="Topo"    type="tiled" visible="false"                    url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer"/> </basemaps> <operationallayers>    <layer label="Demographics" type="tiled" visible="false" alpha="0.5"                   url="http://server.arcgisonline.com/ArcGIS/rest/services/Demographics/USA_Median_Household_Income/MapServer">                 <sublayer id="1" popupconfig="popups/PopUp_Demographics_BlockGroups.xml"/>                 <sublayer id="2" popupconfig="popups/PopUp_Demographics_Tracts.xml"/>                 <sublayer id="3" popupconfig="popups/PopUp_Demographics_Counties.xml"/>                 <sublayer id="4" popupconfig="popups/PopUp_Demographics_States.xml"/>         </layer>         <layer label="Boundaries and Places" type="tiled" visible="false"                   url="http://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places_Alternate/MapServer"/>          <layer label="Fires" type="feature" visible="false" alpha="1.0"                  popupconfig="popups/PopUp_Fires.xml"          url="http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Fire/Sheep/FeatureServer/0"/> </operationallayers>

4、 Widgets配置

图3.4设置好后，点击Save and Next按钮进入Widgets设置界面，如图4.1所示：

图4.1

在图4.1中，可以添加您所需要的Widget应用，在Catalog区域的功能列表中选择您需要的功能后，点击include按钮，即可把选中的功能添加到Widgets in this appllcation区域中去，这时您发布的Flex Viewer就具备了您所选的功能（功能介绍略）。

Widget的配置在config.xml中对于的标签为：

<widgetcontainer layout="float">         <widget label="Bookmarks"         left="430" top="90"                 icon="assets/images/i_bookmark.png"                 config="widgets/Bookmark/BookmarkWidget.xml"                 url="widgets/Bookmark/BookmarkWidget.swf"/>         <widget label="Find an address"   left="100" top="90" preload="open"                 icon="assets/images/i_target.png"                 config="widgets/Locate/LocateWidget_World.xml"                 url="widgets/Locate/LocateWidget.swf"/>         <widget label="Louisville Police" left="590" top="280"                 icon="assets/images/i_police.png"                 config="widgets/Query/QueryWidget_Louisville_PoliceStations.xml"                 url="widgets/Query/QueryWidget.swf"/>         <widget label="Search" left="80" top="280"                 icon="assets/images/i_search.png"                 config="widgets/Search/SearchWidget_Louisville.xml"                 url="widgets/Search/SearchWidget.swf"/>         <widget label="Earthquakes (GeoRSS)" left="410" top="280"                 icon="assets/images/i_rss.png"                 config="widgets/GeoRSS/GeoRSSWidget.xml"                 url="widgets/GeoRSS/GeoRSSWidget.swf"/>         <widget label="Draw and Measure" left="60" top="400"                 icon="assets/images/i_draw2.png"                 config="widgets/Draw/DrawWidget.xml"                 url="widgets/Draw/DrawWidget.swf"/>         <widget label="Print" left="390" top="400"                 icon="assets/images/i_print.png"                 config="widgets/Print/PrintWidget.xml"                 url="widgets/Print/PrintWidget.swf"/>     </widgetcontainer>

 

5、 Layout配置

图4.1中，点击Save and Next按钮进入Layout设置界面，如图5.1所示：

 

图5.1

在图5.1中分别介绍这些开关的功能：

a、Navigation是控制地图的导航工具的显示与否；

b、Static Image是控制地图左下角处的图标显示与否；

c、Coordinates是控制地图左下角处是否显示鼠标移动的实时坐标；

d、Initial Splash Screen是控制界面进入时弹出的提示信息窗口；

e、Map Switcher 是控制多个图层的工具显示与否；

f、Overview Map 是控制鹰眼功能显示与否；

 

图5.2

       Layout配置对应config.xml文件中的标签：  

<widget left="10" top="50" config="widgets/Navigation/NavigationWidget.xml" url="widgets/Navigation/NavigationWidget.swf"/>     <widget bottom="35" right="5" config="widgets/StaticImage/StaticImageWidget.xml" url="widgets/StaticImage/StaticImageWidget.swf"/>     <widget right="-2" bottom="-2" config="widgets/OverviewMap/OverviewMapWidget.xml" url="widgets/OverviewMap/OverviewMapWidget.swf"/>     <widget right="15" top="55" config="widgets/MapSwitcher/MapSwitcherWidget.xml" url="widgets/MapSwitcher/MapSwitcherWidget.swf"/>     <widget left="0" top="0" config="widgets/HeaderController/HeaderControllerWidget.xml" url="widgets/HeaderController/HeaderControllerWidget.swf"/>     <widget left="3" bottom="3" config="widgets/Coordinate/CoordinateWidget.xml" url="widgets/Coordinate/CoordinateWidget.swf"/>

6、 Design配置

图5.1中，点击Save and Next按钮进入Design设置界面，如图6.1所示：

图6.1

在Design页面中，可以对应用的界面进行一些页面设置，如可以logo图片、设置标题Title、字体大小和背景颜色等等。

Design配置在config.xml中对应的标签为：

<title>ArcGIS Viewer for Flex</title>     <subtitle>a configurable web mapping application</subtitle>     <logo>assets/images/logo.png</logo>     <style>         <colors>0xFFFFFF,0x333333,0x101010,0x000000,0xFFD700</colors>         <alpha>0.8</alpha> </style>

7、 Preview配置

图6.1中，点击Save and Next按钮进入Preview设置界面，如图7.1所示：

图7.1

图7.1是我们设置好后的最终显示效果，点击Appllcation URL后的路径可以在浏览器中浏览设置后的效果；如果不满意可以点击相应的tab页，重新进行设置；点击Done完成本次所有设置，设置好的应用将会在配置列表中显示出来，如图7.2所示：

图7.2

对于列表中的配置，还可以进行重新配置以及删除等操作，整个应用配置到此结束。

 

备注：相关图片没有一一上传上去具体配置文档下载点击点击打开链接