【ArcGIS Viewer for Flex】简易教程

WebGIS实验

一、实验环境

操作系统:Windows10专业版64位

服务器:IIS

浏览器:IE

开发软件:ArcGIS Destop10.2,ArcGIS Server,ArcGIS Viewer for Flex

 

二、软件下载及页面配置

1.     软件下载

打开链接http://links.esri.com/flexviewer,选择下载Viewer3.7

【ArcGIS Viewer for Flex】简易教程_第1张图片

弹出登录提示,输入账号密码

【ArcGIS Viewer for Flex】简易教程_第2张图片

选择所有下载选项,选择fileviewer3.7.zip

【ArcGIS Viewer for Flex】简易教程_第3张图片

 

2.     软件配置

将下载好的压缩包解压到IIS服务器目录下

【ArcGIS Viewer for Flex】简易教程_第4张图片

 

打开浏览器,输入http://localhost/flexviewer/index.html,测试软件是否安装成功

【ArcGIS Viewer for Flex】简易教程_第5张图片

 

3.     修改config文件

修改title,subtitle,logo等信息。注意汉字乱码问题,在config文件中添加encoding=”UTF-8”;将图片放到C:\inetpub\wwwroot\flexviewer\assets\images文件夹下,图片大小不能超过4kb,否则不显示,更换logo

【ArcGIS Viewer for Flex】简易教程_第6张图片

 

【ArcGIS Viewer for Flex】简易教程_第7张图片


修改页面风格。样式参考http://links.esri.com/flexviewer

【ArcGIS Viewer for Flex】简易教程_第8张图片


 【ArcGIS Viewer for Flex】简易教程_第9张图片

 

 

 

 

 

三、     配置地图及地图范围

4.     配置可操作图层

注意:发布的要素图层一般使用WGS_1984_Web_Mercator_Auxiliary_Sphere坐标系

【ArcGIS Viewer for Flex】简易教程_第10张图片



 

 

 

 

5.     设置地图当前显示范围和最大显示范围


 

打开帮助,按步骤获取地图坐标

【ArcGIS Viewer for Flex】简易教程_第11张图片

 

 

 

 

 

 

6.     配置底图

【ArcGIS Viewer for Flex】简易教程_第12张图片

 

底图结果

【ArcGIS Viewer for Flex】简易教程_第13张图片

四、     配置书签及弹出窗口

7.     配置书签,修改书签名称

【ArcGIS Viewer for Flex】简易教程_第14张图片

 

打开BookmarkWidget.xml文件进行编辑,坐标从上一步中获取

【ArcGIS Viewer for Flex】简易教程_第15张图片

 

书签结果

【ArcGIS Viewer for Flex】简易教程_第16张图片

 

8.     配置弹出窗口

  这个我的老是出错~~~~弄好了再写

 



PS:若修改config.xml文件无效果,IE-Internet选项---设置--每次访问网页时

【ArcGIS Viewer for Flex】简易教程_第17张图片



你可能感兴趣的:(WebGIS)