基于OpenScales的地图网站全程开发(FLEX+GIS等技术结合)
基于OpenScales的地图网站全程开发(FLEX+GIS等技术结合)
课程学习地址:http://www.ibeifeng.com/goods.php?id=114
1.课程介绍
利用OpenScales开发完成一个地图网站。功能参照谷歌地图和51地图,实现地图数据的叠加显示、画图、测量、最佳路径分析、兴趣点搜索、标注和定位等地图网站中常用的功能。该课程项目完成的最终效果如http://www.dzmap.cn/。该课程项目是湖南省地理信息公众服务平台的FLEX地图网站,它是数字城市的典型案例,是数字湖南项目实施中的一个重要组成部分。学习完本项目的开发,学员能投身到GIS中的热点应用“数字城市”的建设中,提升自身价值和收入的一个有效途径。
模块介绍:
1. 地图漫游
地图平移操作
地图缩放操作
上一视图、下一视图
地图全景
鼠标滚轮缩放地图
左键双击放大地图
2. 地图双屏联动
双地图同时加载
地图平移联动
地图缩放联动
3. 地图图层加载
WMS图层加载
WFS图层加载
谷歌地图数据加载
雅虎地图数据加载
天地图地图数据加载
4. 鹰眼地图
鹰眼地图的显示和隐藏
鹰眼地图与主地图的联动
通过鹰眼地图定位主地图
5. 地图导航工具栏
导航工具栏的绘制
导航工具栏的地图方向控制
导航工具栏的地图缩放等级控制
6. 基础图层切换工具
基础图层切换工具的绘制
基础图层的切换
7. 地图要素的绘制
点、线、面的绘制
圆和椭圆的绘制
长方形的绘制
等边三角形的绘制
等边多边形的绘制
星形的绘制
曲线的绘制
地图要素绘制操作对话框的制作
8. 地图要素收藏夹
收藏夹面板的绘制
地图要素的本机收藏
收藏夹中地图要素的定位、加载和显示
收藏夹中地图要素的删除
9. 测量
线、面、圆和长方形的距离(周长)测量
面、圆和长方形的面积测量
10. 地图标注
地图标注图标
自定义标注对话框
标注内容的提交
标注内容的修改
11. 地图截图
模仿QQ截图控件
地图截图的保存
12. 地图气泡对话框
气泡对话框的制作
气泡对话框中工具栏的制作
气泡对话框与地图要素的联动
13. 地图右键菜单
地图右键菜单项的定制
地图右键菜单项的事件绑定
14. 地名查询定位
查询对话框的制作
查询结果列表的渲染
查询结果的定位与地图中结果的高亮显示
15. 场景收藏夹
地图场景收藏面板的制作
地图场景收藏的添加
收藏面板中地图场景的定位
收藏面板中地图场景的删除
16. 几何图形属性查询
圆的周边查询
面的周边查询
查询结果列表渲染
查询结果定位
查询结果列表与地图标注要素的联动
查询结果表格对话框的显示
17. 最优路径搜索
最优路径起点的标注
最优路径终点的标注
最优路径查询结果的地图显示
最优路径查询结果的属性对话框显示
地图上的最优路径高亮显示
18. 统计专题图
饼图的展现和隐藏动画效果
柱状图的展现和隐藏动画效果
折线图的展现和隐藏动画效果
饼图在地图上的表现
柱状图在地图上的表现
折线图在地图上的表现
19. 技术特点
本课程项目采用FLEX开发地图功能,并且把地图中的功能发布成JavaScript接口,用JavaScript完成地图控件的调用,最终完成地图网站的搭建。在设计和开发过程中,大量采用了类似JQuery开发模式中的闭包,这样利于对该项目进行组件的二次开发和扩展。
20. 课程的学习目的
1. 掌握FLEX和JavaScript的相互通信以及闭包的开发模式。
2. 掌握FLEX中的动画特效的开发。
3. 掌握FLEX控件样式的自定义。
4. 掌握FLEX中的鼠标、键盘等事件机制。
5. 掌握地图常用功能的设计和开发。
21. 适用对象
1. 有一定的FLEX和AS3的语法基础,并打算深入了解FLEX和AS3的学员。
2. 有一定的GIS基础知识,并打算从事GIS开发或者正从事开发想提高GIS开发能力的学员。
3. 想封装自己的GIS应用,为以后开发或者推出自己的GIS产品的学员。
22. 课程大纲
第一讲:地图控件功能介绍(两个课时)
第二讲:地图工具栏(三个课时)
包含工具栏的收缩和自定义图片按钮控件以及按钮控件的提示。
第三讲:平移、缩放和视图回退控件(五个课时)
平移:鼠标左键拖拽地图时,地图实时加载,并以淡入淡出的方式显示地图的图片。
缩放:包含鼠标左键拉框放大和缩小功能。
鼠标中间键向前放大。
鼠标中间键向后缩小。
第四讲:地图双屏联动(三个课时)
双屏地图容器的制作
双屏的开启和关闭状态
双屏地图的装载
开启双屏功能时,鼠标任意操作其中一个地图,另一个地图联动。
第五讲:加载GeoServer发布的地图数据
加载通过GeoServer以WMS发布的地图
第六讲:谷歌、雅虎、天地图等图层数据加载(四个课时)
加载谷歌地图
加载雅虎地图
加载天地图
加载NASA的BlueMarble图层
第七讲:地图鹰眼联动(两个课时)
鼠标单击鹰眼地图,定位主地图
鼠标左键拖拽鹰眼地图,定位主地图
第八讲:导航工具栏(两个课时)
向上平移
向下平移
向左平移
向右平移
地图全景
地图缩放等级的拉杆操作
双屏状态下的导航工具栏联动
第九讲:图层切换工具栏(三个课时)
基础图层的切换,类似谷歌地图的图层切换控件
第十讲:图层控制工具(三个课时)
复选框树的制作
复选框树的样式制作
控制图层列表中图层的显示
第十一讲:地图要素绘制(五个课时)
点要素绘制
线要素绘制
面要素绘制
长方形绘制
圆绘制
椭圆绘制
等边三角形绘制
等边多边形绘制
星形绘制
曲线绘制
控制绘制要素中的渲染,如边框颜色、边框颜色透明度、填充颜色、填充颜色透明度、填充的图案样式
第十二讲:地图要素收藏夹(三个课时)
对地图上进行绘制的要素进行收藏
收藏列表的显示
收藏列表中的要素定位与高亮
收藏列表中要素的删除
第十三讲:地图测量(两个课时)
线测量,包含线的长度显示
面测量,包含面的周长和面积显示
圆测量,包含圆的周长和面积显示
长方形测量,包含长方形的距离和面积显示
第十四讲:地图内容标注(五个课时)
标注图标的设定
标注对话框的内容组织与显示
标注内容的提交与修改
第十五讲:地图截图控件(四个课时)
模仿QQ截图控件实现地图截图功能
地图截图的文件保存
第十六讲:地图气泡对话框(两个课时)
地图气泡对话框的箭头制作
地图气泡对话框工具栏定制
地图气泡对话框与地图要素的联动
第十七讲:地图右键菜单
在此定位右键菜单
地图缩放右键菜单
全屏显示右键菜单
全景右键菜单
双屏右键菜单
第十八讲:地名查询定位(两个课时)
地名查询对话框的样式定义
查询结果列表的渲染
查询结果定位
第十九讲:场景收藏及定位(两个课时)
场景收藏管理界面
场景收藏列表项的渲染
场景收藏定位
第二十讲:几何图形属性查询(五个课时)
圆的周边查询
面的周边查询
查询结果列表显示
查询结果列表与地图标注的互动
查询结果表格对话框的显示
第二十一讲:最优路径搜索(三个课时)
起点设置
终点设置
最优路径列表显示
最优路径高亮显示
第二十二讲:统计专题图(五个课时)
饼图的展现和隐藏动画效果
柱状图的展现和隐藏动画效果
折线图的展现和隐藏动画效果
饼图在地图上的表现
柱状图在地图上的表现
折线图在地图上的表现