flexviewer 环境搭建及新建项目1

阅读更多

                                                           flexviewer 环境搭建1

1, FlexViewer 是ArcGis为非专业GIS开发员对Flex开发一个框架,该框架对整个界面已作了很多的封装,开发人员主要专注专业务的开发,减少了很多的界面工作开发,整体使用的是事件模式。下载网站:http://support.esrichina.com.cn/support/download/software/,

去下载, ArcGIS API for Flex ,  ArcGIS Viewer for Flex  下载这两个版本,如果要开发的话,还要下载它的源码包,点 ArcGIS Viewer for Flex 进去,它有一个 2.5, 3.0 版本的

github 源码下载地址, 3.0 版本对应是Flex4.5以上,本人现下载是2.5 对应flex4.1 。

2. 先安装flexBuilder4.1 ,见另一文章。

3. 下载下来解压如下:

 

 

flexviewer 环境搭建及新建项目1_第1张图片

注意,在开发环境下时,要把这个.swc加到flex_libs 中,

这个samples 中也有很多例子可以放在开发环境中运行查看。

4.flex_viewer & flex_viewer_src

flexviewer 环境搭建及新建项目1_第2张图片

当然在可以直接把ArcGIS_flexviewer-2.5-src直接导入到eclipse中的,它本身也是flex工程,如果在web中不建议这么做,

flexviewer-2.5 这是一个编译后的工程,它也是直接可以运行的一个工程。

 

5,eclipse 搭建Web工程:

  1

   flexviewer 环境搭建及新建项目1_第3张图片

 

 2.

   flexviewer 环境搭建及新建项目1_第4张图片

   先不选远程对象访问服务,以后flex 与java 通讯时,再加入BlazeDS 。

3.

  flexviewer 环境搭建及新建项目1_第5张图片

 我在这里把输出文件改为:  WebContent\flexviewer 这个表示,编译后的SWF放在哪里

 

 

 

 

 4.

   flexviewer 环境搭建及新建项目1_第6张图片

再点完后即可。

 

5.  工程如下 :

 

  flexviewer 环境搭建及新建项目1_第7张图片

把上面flex_view_src工程下的src 中的全部,都copy 到当前工程中的flex_src下, 再把arcgis_api_for_flex_2.5工程下的lib中的一个 .swc copy 到当前工程中的 flex_libs 中 。

如图:

      flexviewer 环境搭建及新建项目1_第8张图片

 

 导入后,它会自动编译,但有一个错误,查看Problems 中报找不到  zh_CN  所对应的ViewerStrings 文件,这是一个国际化的文件,

在当前工程下,和 flex_src 平级的下,把 flex_viewer_src_2.5源码工程下的locale copye 到当前工程下 , 这个主要是在编译时,它会去使用哪个国际化的文件,在你打开主页面时,上面的文字可以是中文,英文等 。

copy 进来后,这个错误,还是没有解决,对项目右键,选中最后一个properties属性,

flexviewer 环境搭建及新建项目1_第9张图片

找到flex 编译器,在编译器参数后加一空格后加 : -source-path=locale/{locale} -keep-all-type-selectors=true

即可。

6.  到此,你可以把你的项目部署到tomcat 中,但你的项目运行起来,不会显示出地图,最后一步:

你上面 flex_viewer_src 工程下有一个文件 .actionScriptProperties 打开它,


   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
 

把这些所有的modules copy 到你当前工程下的文件中,相同的文件里面去,

copy 完后,对项目刷新一下 ,再对eclipse 当前项目右键 点properties 属性 ,选如图:

flexviewer 环境搭建及新建项目1_第10张图片

注意,把以上,修改为当前包下的 Widget ... 把优化对象,改为你导入的源码包中的index.mxml , 把所有的都改下,或在上一步,copy文件时就把它改掉,  保存,它会自动编译,编译完可以到WebRoot下的flexview 相应的目录下去看,会生成swf ,如果没有生成,说明没有编译成功,动行不了 。

7.  编译完后, 运行项目即可,界面如图:

 flexviewer 环境搭建及新建项目1_第11张图片

本地网络慢,没显示出地图,flash player 请使用最新版,

给一个flexviewer 学习网站:http://help.arcgis.com/en/webapps/flexviewer/help/index.html#/Widget_framework/01m30000001z000000/

 

  • flexviewer 环境搭建及新建项目1_第12张图片
  • 大小: 15.7 KB
  • flexviewer 环境搭建及新建项目1_第13张图片
  • 大小: 29.7 KB
  • flexviewer 环境搭建及新建项目1_第14张图片
  • 大小: 14.8 KB
  • flexviewer 环境搭建及新建项目1_第15张图片
  • 大小: 88.7 KB
  • flexviewer 环境搭建及新建项目1_第16张图片
  • 大小: 58.3 KB
  • flexviewer 环境搭建及新建项目1_第17张图片
  • 大小: 87.4 KB
  • flexviewer 环境搭建及新建项目1_第18张图片
  • 大小: 19.1 KB
  • flexviewer 环境搭建及新建项目1_第19张图片
  • 大小: 29.8 KB
  • flexviewer 环境搭建及新建项目1_第20张图片
  • 大小: 112.1 KB
  • flexviewer 环境搭建及新建项目1_第21张图片
  • 大小: 286.1 KB
  • flexviewer 环境搭建及新建项目1_第22张图片
  • 大小: 67.2 KB
  • flexviewer 环境搭建及新建项目1_第23张图片
  • 大小: 67.2 KB
  • flexTest005.part1.rar (6.7 MB)
  • 下载次数: 5
  • flexTest005.part2.rar (6.6 MB)
  • 下载次数: 4
  • 查看图片附件

你可能感兴趣的:(flexviewer 环境搭建及新建项目1)