基于OpenScales的地图网站全程开发(FLEX+GIS等技术结合)

摘要:
id=1141.课程介绍利用OpenScales开发完成一个地图网站。该课程项目是湖南省地理信息公众服务平台的FLEX地图网站,它是数字城市的典型案例,是数字湖南项目实施中的一个重要组成部分。
基于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截图控件实现地图截图功能
地图截图的文件保存
第十六讲:地图气泡对话框(两个课时)
地图气泡对话框的箭头制作
地图气泡对话框工具栏定制
地图气泡对话框与地图要素的联动
第十七讲:地图右键菜单
在此定位右键菜单
地图缩放右键菜单
全屏显示右键菜单
全景右键菜单
双屏右键菜单
第十八讲:地名查询定位(两个课时)
地名查询对话框的样式定义
查询结果列表的渲染
查询结果定位
第十九讲:场景收藏及定位(两个课时)
场景收藏管理界面
场景收藏列表项的渲染
场景收藏定位
第二十讲:几何图形属性查询(五个课时)
圆的周边查询
面的周边查询
查询结果列表显示
查询结果列表与地图标注的互动
查询结果表格对话框的显示
第二十一讲:最优路径搜索(三个课时)
起点设置
终点设置
最优路径列表显示
最优路径高亮显示
第二十二讲:统计专题图(五个课时)
饼图的展现和隐藏动画效果
柱状图的展现和隐藏动画效果
折线图的展现和隐藏动画效果
饼图在地图上的表现
柱状图在地图上的表现
折线图在地图上的表现

免责声明:文章转载自《基于OpenScales的地图网站全程开发(FLEX+GIS等技术结合)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇delphi 多媒体 操作 wave(1)python与redis交互下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

(转)Openlayers 2.X加载天地图

http://blog.csdn.net/gisshixisheng/article/details/44621923 概述: 在前面的章节,讲到了Arcgis for js加载天地图,在本节讲述如何在Openlayers 2.X的版本中加载天地图,并添加自己的wms服务。 效果: 地图 影像 地形 去掉本地wms 实现: 1、天地图服务 在天地图...

Android百度地图开发-第一篇:申请、搭建百度地图

一、前言 这是第一篇关于Android使用百度地图的学习记录,主要记录:   1.在百度地图开发者平台上申请API Key。   2.在自己的应用中加入百度地图的Android版SDK。   3.在自己的应用中显示一个地图。 二、在百度地图开发者平台上申请API Key 百度地图开发者平台地址:http://lbsyun.baidu.com/index....

常用开源库介绍

    geos    高级二维矢量图像开发库    skia    一个Google Chrome和Android使用的2D图形库    GDAL    是一个基于C++的栅格格式的空间数据格式解释器    OGR    是C++的简单要素类库提供对各种矢量数据文件格式的读取(某些时候也支持写)功能。    Proj.4    是一个开源的地图投影库,提...

libgdx引擎android游戏开发(三)

学习笔记: 1.要响应界面的操作,可以继承InputProcessor接口 2.我的地图是30*30块的,每个块为32*32    打印结果为:tileMapRenderer.getMapHeightUnits=[960]                   tileMapRenderer.getUnitsPerTileX=[32]           ...

Android百度地图的使用

    做关于位置或者定位的app的时候免不了使用地图功能,本人最近由于项目的需求需要使用百度地图的一些功能,所以这几天研究了一下,现写一下blog记录一下,欢迎大家评论指正! 一、申请AK(API Key)     要想使用百度地图sdk,就必须申请一个百度地图的api key。申请流程挺简单的。     首先注册成为百度的开发者,然后打开http://...

openlayers3 基础(常见方法,类及实现)

    ol3接口大全1.ol.Map类:(地图容器类)     实现: ol.Map(参数)   参数说明:1.1 target,说明地图所在的html元素、         如果没有指定,必须调用ol.Map类的setTarget()方法以便绘制地图;       1.2 layers,指定加载的图层。         如果未定义,则将呈现不包含图层...