GIS开发—配置OpenScales开发环境
gis前端开发知识体系
gis前端开发知识体系摘要:1.GIS 前端开发概述2.GIS 前端开发所需技术3.GIS 前端开发流程4.GIS 前端开发实践案例5.GIS 前端开发未来发展趋势正文:一、GIS 前端开发概述GIS(地理信息系统)前端开发是指利用前端技术,如HTML、CSS 和JavaScript,构建用户界面,实现地理信息数据的展示、查询、编辑和分析等功能。
GIS 前端开发在众多领域具有广泛应用,例如城市规划、环境保护、资源管理等。
二、GIS 前端开发所需技术1.HTML 和CSS:用于搭建网页结构,实现地图的布局和样式。
2.JavaScript:为核心编程语言,用于实现地图的交互功能,如缩放、平移、数据查询等。
3.前端框架和库:如React、Vue 和Angular 等,用于提高开发效率和代码可维护性。
4.GIS 库和工具:如OpenLayers、Leaflet 和Mapbox 等,用于实现地图的加载、渲染和交互等功能。
5.后端技术:如Node.js、Python 和Java 等,用于搭建服务器,提供数据接口和数据处理等功能。
三、GIS 前端开发流程1.需求分析:明确项目目标和需求,例如地图类型、功能模块等。
2.数据准备:收集、处理和整理地理信息数据,如矢量数据、栅格数据和影像数据等。
3.技术选型:根据需求选择合适的前端框架、库和工具等。
4.系统设计:设计系统架构,规划模块功能和页面布局等。
5.编码实现:编写前端代码,实现地图的加载、渲染和交互等功能。
6.测试和调试:进行功能测试、性能测试和兼容性测试等,确保系统稳定可靠。
7.部署上线:将系统部署到服务器,提供用户访问。
8.运维和更新:持续优化系统,提供技术支持和数据更新等。
四、GIS 前端开发实践案例1.城市规划管理系统:实现城市规划空间数据的展示、查询、编辑和分析等功能,辅助规划决策。
2.环境保护信息平台:展示环境监测数据,提供污染源查询、排放量分析等功能,助力环境保护工作。
GeoServer地图开发解决方案及OpenScales的地图网站开发
推荐类似课程北风网:基于OpenScales的地图网站全程开发(FLEX+GIS等技术结合)学习地址:/goods.php?id=114GeoServer 是OpenGIS Web 服务器规范的J2EE 实现的社区开源项目,利用GeoServer 可以方便的发布地图数据,允许用户对特征数据进行更新、删除、插入操作,通过GeoServer 可以比较容易的在用户之间迅速共享空间地理信息。
本系列博文提供全面、完善的GeoServer部署解决方案,包括GeoServer环境搭建、地图数据处理、部署地图数据、发布地图服务等功能的详细介绍。
文中内容来自本人工作中通过网络学习后总结而成,如有类同纯属巧合,同时欢迎广大网友前来交流。
GeoServer地图开发解决方案(一):环境搭建篇搭建GeoServer环境需要安装GeoServer、Java JDK 1.5/1.6、Tomcat 5.0/6.0(老版本的GeoServer需要Tomcat的支持,最新版本的GeoServer 2.0.2版已经内置了HTTP服务器)。
一、下载、安装Tomcat、Java JDK1.5/1.6Tomcat和Java jdk都可以通过其官方网站下载到,详细请查看本文末的资源表。
如本人电脑中就是将JDK安装在D盘下的,详细如下图:如果是使用最新版本的GeoServer 2.0.2版本的就不需要安装Tomcat,GeoServer 2.0.2已经内置了HTTP服务器。
二、下载、安装GeoServerGeoServer 是OpenGIS Web 服务器规范的J2EE 实现,利用GeoServer 可以方便的发布地图数据,允许用户对特征数据进行更新、删除、插入操作,通过GeoServer 可以比较容易的在用户之间迅速共享空间地理信息。
GeoServer是社区开源项目,可以直接通过社区网站下载,详细请查看本文档末的资源表。
GeoServer兼容WMS 和WFS 特性;支持PostGIS 、Shapefile 、ArcSDE 、Oracle 、VPF 、MySQL 、MapInfo ;支持上百种投影;能够将网络地图输出为jpeg 、gif 、png 、SVG 、KML 等格式;能够运行在任何基于J2EE/Servlet 容器之上;嵌入MapBuilder 支持AJAX 的地图客户端OpenLayers;除此之外还包括许多其他的特性。
GIS环境搭建手册——白宇
GIS开发环境搭建手册作者:白宇一,安装准备: (1)1,了解自己的安装环境 (1)2,下载需要的软件或包 (1)3,创建目录(即文件夹) (2)二,安装jdk至D:\GIS\jdk (2)三,配置环境变量 (2)四,安装tomcat至D:\GIS\tomcat (4)五,解压geoserver-2.2-war.zip至D:\GIS\tomcat\webapps目录下 (5)六,配置tomcat (5)1,修改服务器启动端口(默认为8080的) (5)2,配置虚拟目录 (6)七,安装eclipse (10)一,安装准备:1,了解自己的安装环境我的系统是windows xp professional 版本2002 service pack3,机子为2G内存32位。
2,下载需要的软件或包直接复制以下下载链接至迅雷或浏览器新建下载即可下载。
jdk-7-windows-i586.exeapache-tomcat-6.0.33.exegeoserver-2.2-war.zipeclipse-SDK-4.2.1-win32.zipgeoserver-2.2.exeTomcat是一个web应用服务器,用于响应用户对Tomcat所设主页的访问的响应。
geoserver是一个用于地图发布和管理的服务器,其最新版的已经内嵌了http服务器,所以安装了最新版的geoserver的用户可以不使用tomcat,但使用后的好处是tomcat可以分担geoserver响应http访问的压力。
我曾同时安装了安装版geoserver-2.2.exe和安装版apache-tomcat-6.0.33.exe,后来发现tomcat和geoserver的主页不能同时都能打开,在网上查了下发现是因为2.2版本的geoserver内嵌了http服务器,tomcat本身也是一个服务器,而我在安装这两个软件时都使用了8080这个端口,所以端口冲突。
arcgis环境搭建
arcgis api for flex 开发入门(一)环境搭建arc gis api for flex 开发入门(一)环境搭建arc gis api for flex 是arc gis今年四月新推出来的进行RIA开发的flex库,是arc gis server9.3的一部分,使用 A rcGI S API f or Flex可以基于A rcGIS Server建立漂亮的富互联网应用程序 ric h internet applic ations (RIAs) ,优点是运行速度快,用户体验效果会比目前的WE BGIS好。
使用arc gis api for flex 可以达到下面的效果1,显示你的地图数据并可以和数据交互2,在服务器上执行空间处理模型并显示结果3,基于A rcGIS O nline上的底图显示你自己的数据4,根据属性或者位置查找你的数据并显示结果5,查找地址并显示结果6,用创新的方式可视化结果7,创建mas hups具体详情可以参考http://res ources.es /arc gisserver/apis/flex/index.c fm?f a=s amples上面有一些例子。
arc gis api for flex 下载地址为http://res ources.es /arc gisserver/apis/flex/index.c fm?fa=home里面有个download。
开发arc gis api for flex 的程序需要flex 环境的支持。
flex s dk3的下载地址为http://opensourc /wiki/display/flexs dk/download?build=3.0.1.2012&pkgtype=1有了flex s dk3和arcgis api for flex 我们就可以开发RIA的flex 程序了。
为了开发方便,我们最好使用flex builder,可以从adobe 的官方网站上下载试用版,下载地址为http://download.mac romedia.c om/pub/flex/flex_builder/FB3_win.exe安装好flex builder之后会安装flex s dk3,所以就不用自己手工安装了。
OpenScales学习
OpenScales源码学习首先从应用说起,学习OpenScales搭建起一个应用很容易,官网上就有详细步骤,当构建OpenScales项目时一般会引入6个swc文件:其中openscales-core-flash-10.1-1.2.swc是有关flash的,因为flashbuilder4必须使用flash版本为10以上,其余6个一般都引入。
as3corelib-0.92.1.swc是Adobe官方出的一个包,提供一些类和功能,我们可以不管它。
gtween-2.0.1.swc也是Adobe官方出的,它提供tween这种效果,例如在拖拽时,所以也先不管。
其余四个是OpenScales最重要的包,也有对应的源码,在文档的最后将给出对这四个包里的各个类的说明。
OpenScales实现的思想:先画一下大概的体系结构图:下面先说一下OpenScales的大体实现思想,OpenScales将各种GIS上的类,如map,layer,bounds,control,handler都再封装一下,封装后的类继承自Group或者UIComponent,然后持有封装前的类作为属性。
例如:FxBounds是对Bounds的封装,FxBounds继承自UIComponent,然后有一个属性是Bounds。
这样的好处就使继承自UIComponent后可以直接写在MXML标签中,而且访问其bounds属性可以得到值。
所以我们看到的主页面就是这样一种情况:application下加入FxMap(继承自Group),然后将layer,extent,control甚至handler(当然都是封装后的,例如layer封装成FxLayer)一股脑的以child的形式加入到FxMap中。
不仅构建方便而且一目了然。
下面分析一下这些组件以child加入FxMap后如何发挥作用。
这里最重要的代码就是FxMap 的onCreationComplete函数,当FxMap和各种它的child都初始化完之后,将执行onCreationComplete函数,这个函数做了以下几件事:1.初始化map,然后加入到FxMap里属性赋给map的maxExtent属性。
开源地理信息系统OpenScales的功能扩展实践
的情况 , 使用新 的站点 自动分级算法后 , 站点显示效果一 目
了然。
4 . 2等值线、 等值面、 热 图分析 功能
等值线 图是 以图表语言客观描述一定区域 范围内水文
变量时空分布特点与规律的图像 , 具有信息表达丰富、 真切 和形象 的特点 , 能形象 、 准确地表达 出水文变量 的空 间连续
l 【 科技论坛】 l
颍 上 复 线 船 闸 基 抗 支 护 方 案 设 计
孙 加鑫
( 安徽水利开发股份有限公司 蚌埠
2 3 3 0 0 0 )
【 摘 要】 颍上复线船闸和现有船闸两 船闸 轴线间距为 6 2 m, 拟建复线基坑开挖深度为 2 0 . 3 — 2 2 . 2 m, 为保证基坑开挖过程
内的其他站点放在下一级显示 ,递归使用此算法可确定 出
所有站点的显示级别。它的好处是即使在 降雨量小的区域
各站点也会 比较均匀地显示 出来 ,不会 出现疏密分布不均
服务器端生成等值线 图、色斑图及热图的功能 为在客 户端 以动画方式展现水文信息提供 了基础。单独的一幅等 值线图( 或色斑图或热图 ) 只能反映水文信息的空间分 布情 况 ,而一系列按 时间顺序生成 的图片以动画的方式展示 出
分布状况 , 是传 统水 文信息展示的重要方式之一 。然而 , 等
值线 比较适合专业人员使用 , 对非专业人员而言 , 还不够直
观、 明白。比较而言 , 色斑图更能清晰地展现出水文信息 的 空间分布状况 , 即使是非专业人员也很容易看懂 。 色斑 图与 等值线图类 似 ,只是按等值线的级别在 内部填充了不 同的
支持 、 三维建模等方 面功能较弱 , 开发案例和文档较少 。在 水利信息化实践 中发现 O p e n S c a l e s 还缺少报 表 、等值线等
opengis
开放式地理信息系统是指在计算机和通信环境下,根据行业标准和接口(Interface)所建立起来的地理信息系统。
一般说来,接口是一组语义相关的成员函数,并且同函数的实体相分离。
在这个系统中,不同厂商的地理信息系统软件以及异构分布数据库能相互通过接口交换数据,并将它们结合在一个集成式的操作环境中。
因此,在开放式地理信息系统环境中,能实现不同地理空间数据之间、数据处理功能之间的相互操作以及不同系统或不同部门之间资源的共享。
真正的开放式地理信息系统能在不同软件商之间以及异构分布数据库之间,通过实时动态机制实现数据存贮结构不同的地理信息系统之间的连接。
开放式地理信息系统的核心是标准,这个标准必须与其它各类标准相兼容,但又必须独立于这些标准。
只有在共同的标准和接口下才能实现信息共享以及相互操作。
开放式地理信息系统具有下列特点:·互操作性:不同地理信息系统软件之间连接方便,信息交换没有障碍。
·可扩展性:硬件方面,可在不同软件,不同档次的计算机上运行,其性能和硬件平台的性能成正比;软件方面,增加了新的地学空间数据和地学数据处理功能。
·技术公开性:开放的思想主要是对用户公开,公开源代码及规范说明是重要的途径之一。
·可移植性:独立于软件、硬件及网络环境,因此它不需修改便可在不同的计算机上运行。
·兼容性:通过无缝集成技术保护用户在原有数据和软件上的投资,它将现有的信息技术和已有的地学处理软件熔为一炉;同时,它对用户是透明的,应用程序稍加修改便能在不同的平台上运行。
·可实现性:随着操作系统、通讯技术以及面向对象方法技术在分布处理系统中的应用,开放式地理信息系统的开发将变得易于实现。
·协同性:能够尽可能地兼容其它的信息处理技术以及共享信息技术的标准。
一、Open GIS综述Open GIS是随着C/S、Internet的出现而产生的,它与Web GIS相辅相成,共同促进GIS 的发展。
OpenLayers调用ArcGIS Server发布的WFS服务
http://localhost/arcgis/services/anhuiplot/MapServer/WFSServer?request=DescribeFeatureType%26version=1.1. 0%26typename=anhuiproj /wfs /wfs/1.1.0/wfs.xsd"> <gml:boundedBy>...</gml:boundedBy> <gml:featureMember>...</gml:featureMember> <gml:featureMember>...</gml:featureMember> <gml:featureMember>...</gml:featureMember> <gml:featureMember>...</gml:featureMember> <gml:featureMember>...</gml:featureMember> <gml:featureMember>...</gml:featureMember> <gml:featureMember>...</gml:featureMember> <gml:featureMember>...</gml:featureMember> <gml:featureMember>...</gml:featureMember> <gml:featureMember>...</gml:featureMember> </wfs:FeatureCollection>
ArcGISServer开发环境搭建以及服务发布
前言本文档主要介绍ArcGISDesktop,ArcGISforServer的安装配置,GIS服务的发布以及如何进行地图切片。
使用的ArcGIS软件版本为。
一、ArcGISDesktop安装运行安装包中的,点击ArcGISforDesktop后的Setup,开始安装,之后的过程点击Ok即可。
二、ArcGISServer安装操作系统需求操作系统64位安装ArcGISServer加载光盘后运行可以看见下面的界面我们选择安装ArcGISforServer,点击ArcGISforServer后面的的“Setup”在弹出的窗口中点击Next勾选Iacceptthelicenseagreement点击Change可以修改安装路径,点击next继续点击Browse可以选择Python的安装目录,选择好后点击Next继续创建server账户和密码,设置完毕后点击Next继续如果有之前安装时候创建的账户配置文件,可以勾选下面的那个选项。
提示是否导出账号信息。
如无需要,可以选择不导出。
点击Next继续点击Install即可开始安装耐心等待安装结束点击Finish完成安装选择相应的授权方式进行授权授权完成,点击完成,结束授权创建站点安装完成后,会自动弹出Manager页面,这里我们选择创建站点。
加入现有站点是用来搭建集群的,以后会介绍。
输入主站点管理员账户点击”下一步”。
很多人到这一步会有一个疑问:这个账户和刚刚安装ArcGISServer步骤中创建的账户有关系吗?分别用来控制什么?首先在上一节中我们创建的ArcGIS?Server账户,是为ArcGISServer创建的操作系统账户(安装完你可以切换操作系统账户看一下,是不是多了一个ArcGISServer),该账户实际上用来管理ArcGISServer的操作系统进程(启动、停止ArcGISServer服务);而我们此时创建的站点账户,主要是为了管理站点中的各种服务形式的GIS资源(各种类型服务的发布、启动、停止、删除;站点安全;集群管理等等)。
1.项目简介和功能介绍
技术特点
地图采用FLEX技术开发 采用闭包的开发模式 地图控件提供JavaScript开发接口 地图网站通过JavaScript搭建FLEX地图
欢迎访问我们的官方网站
北风网项目培训
基于OpenScales开发的地图网站 项目简介和功能介绍
讲师:LV
知识点 • • • • • 项目介绍 OpenScales介绍 OpenScales结构说明 项目功能描述 技术特点
项目简介 • • • • WEBGIS介绍 数字城市建设 天地图—— 湖南省公众地理服务平台——
OpenScales介绍
OpenScales网址—— OpenScales的功能演示 OpenScales的当前版本号
OpenScales结构说明
Geometry Core Fx
项目功能描述
地图基本操作(漫游、缩放、前一视图、后一视图、全景、全屏) 地图图层加载(WMS、WFS、TMS) 地图导航栏 鹰眼 双屏联动 绘制要素和收藏要素(点、线、面、长方形、圆、椭圆、等边多边形、等边 三角形、曲线、星形) 地图标注 地图测量 最佳路径分析 地名搜索与定位 地图比例尺 地图截屏保存
openlayers arcgis调用方法
openlayers arcgis调用方法(实用版4篇)目录(篇1)1.OpenLayers 简介2.ArcGIS Server 离线瓦片服务的概念与应用3.使用 OpenLayers 加载 ArcGIS Server 离线瓦片服务的方法4.实例:HerryDong 的博客中的离线瓦片服务应用5.结论:OpenLayers 在离线瓦片服务加载方面的优势与意义正文(篇1)1.OpenLayers 简介OpenLayers 是一款开源的 JavaScript 库,用于在网页上展示地图。
它允许用户在网页上快速、方便地搭建地图应用,提供了丰富的地图功能和控件。
OpenLayers 支持多种地图数据源,如 ArcGIS Server、Google Maps 等,为用户提供了灵活的选择空间。
2.ArcGIS Server 离线瓦片服务的概念与应用ArcGIS Server 是 Esri 公司推出的一款地图服务器产品,提供了丰富的地图数据处理和发布功能。
离线瓦片服务是 ArcGIS Server 的一种地图数据发布方式,它将地图数据预先切片并存储为图像文件,用户可以在不需要连接到地图服务器的情况下加载和显示地图。
离线瓦片服务具有减轻服务器负担、提高地图加载速度等优点。
3.使用 OpenLayers 加载 ArcGIS Server 离线瓦片服务的方法要使用 OpenLayers 加载 ArcGIS Server 离线瓦片服务,需要按照以下步骤操作:(1)创建一个 HTML 文件,引入 OpenLayers 的 CSS 和JavaScript 库。
(2)在 HTML 文件中创建一个地图容器(map container),设置地图容器的尺寸和背景颜色。
(3)创建一个地图对象(map object),设置地图的投影、中心点和缩放级别等参数。
(4)使用 OpenLayers 的瓦片加载器(tile loader)加载 ArcGIS Server 离线瓦片服务。
arcgis10中文帮助-专业库-地理处理10地理处理环境设置
什么是地理处理环境设置?ArcGIS 10地理处理环境设置是影响工具执行结果的附加参数。
这些参数与常规工具参数的区别在于它们不会显示在工具对话框中(存在某些例外情况)。
更确切地说,这些参数是先前使用独立对话框设置的值,并且工具在运行时将询问和使用这些参数。
更改环境设置通常是执行地理处理任务的先决条件。
例如,当前工作空间环境设置和临时工作空间环境设置,可通过它们为输入和输出设置工作空间。
再比如,范围环境设置可用于将分析范围限制为一个特定的地理区域,而输出坐标系环境设置用于为新数据定义坐标系(地图投影)。
只有某些环境可用于单个工具,但是工具使用环境的方法是相同的。
例如,所有使用输出范围环境的工具使用输出范围环境的方法相同,即,仅在输出范围中处理要素。
要确定工具将使用的环境,请访问工具的参考页面。
版权所有© 1995-2010 Esri. 保留所有权利。
地理处理环境快速浏览获取工具环境的相关帮助地理处理工具可以使用任意数量的环境设置。
工具使用的环境设置由工具开发者决定。
对于ESRI 开发的系统工具,工具帮助指定应用于工具的环境设置。
要查看此信息,请执行以下操作:1.单击显示帮助>>按钮显示工具的帮助面板。
2.在工具的帮助面板中,单击工具帮助按钮。
将打开工具的参考页面。
工具参考页面的最后部分介绍了工具将使用的环境设置。
每个环境设置都是一个指向环境参考帮助页面的链接。
环境级别和等级环境设置有四个级别:l应用程序级别设置是默认设置,执行任何工具时均应用该设置。
l工具级别设置适用于工具的单次运行并且会覆盖应用程序级别设置。
l模型级别设置使用某种模式指定和保存,并且会覆盖工具级别设置和应用程序级别设置。
l模型过程级别设置在模型过程级别指定,随模型一起保存,并且会覆盖模型级别设置。
了解有关环境级别和等级的详细信息指定环境设置环境设置的指定方式在这四个级别之间有所不同。
了解有关指定应用程序环境设置的详细信息了?庥泄刂付üぞ呋肪成柚玫南晗感畔?了解有关指定模型环境设置的详细信息了解有关指定模型过程环境设置的详细信息保存环境设置应用程序级别设置与文档一起保存。
arcgis api for js4开发指南
arcgis api for js4开发指南
ArcGIS API for JavaScript 是一个强大的开发工具,可以帮助开发人员将ArcGIS平台的功能和数据嵌入到Web应用程序中。
以下是开发指南:
学习基础知识:了解ArcGIS平台的基本概念和功能,以及JavaScript 编程语言的基础知识。
获取API密钥:在开始开发之前,需要在ArcGIS for Developers网站上注册一个账户并获取API密钥。
配置开发环境:安装和配置Web开发所需的工具,如HTML、CSS、JavaScript和ArcGIS API for JavaScript的相关库。
了解API文档:参考ArcGIS API for JavaScript的官方文档,了解可用的类、方法和事件。
编写代码:使用JavaScript编写代码,调用ArcGIS API for JavaScript提供的类和方法,实现所需的功能和交互。
测试应用程序:在本地或在线环境中测试应用程序,确保功能正常并满足需求。
优化和部署:根据需要优化应用程序的性能和用户体验,并将其部署到Web服务器上供用户访问。
地图开发及优化
Geoserver 2.1.3 +openScale 2.0+flex4开发地图及优化开发环境下载geoserver2.1.3,到官方网站/display/GEOS/Welcome下载下载openScale 2.0,到官方网站/下载下载flex4,到/cn下载geoserver部署把下载的geoserver-2.1.3-war.zip解压开把geoserver.war拷贝到,你的应用服务器的应用目录下1、tomcat 的话拷贝到tomcat\webapps2、jboss 的话拷贝到jboss \server\default\deploy启动应用服务器,在浏览器里输入http://127.0.0.1:8080/geoserver或者http://localhost:8080/geoserver。
打开下面这个页面说明发布成成功了。
需要注意的不要适应ie及内核为ie的浏览器,如果使用在发布地图的时候会出错。
发布地图1、登录geoserver服务,默认的用户名:admin 密码:geoserver。
点击红色框地方创建一个自己的“工作空间”创建一个地图数据源,点击左边的功能树上红色框1,出现如图界面接着点击红色框2,出现如图界面。
这里现在是选择数据类型。
我以shp的地图为例,创建一个单shp文件的地图数据。
接下来把创建的数据里的地图发布出。
点击“save”或自动跳转下面界面。
或者可以点击左边功能数上的“Layers”,在点击“add new resource”进行地图发布点击如图选项卡主要是为了发布地图上的样式。
这里的题图样式可以使用,uDig编辑shp文件的样式,导出。
然后发布到geoserver里,在这里就可以选择自己的样式。
样式的发布后面详细讲解。
完成以上步骤。
我们的地图就发布成功了。
我们可以看一下地图效果发布地图样式在发布地图样式前我们要获得样式,样式可以使用uDig 打开要发布要是的shp文件,编辑shp文件的样式,最后把编辑好的样式导出,发布到geoserver服务里。
ArcGIS Server安装与开发环境搭建
Click OK.
The ports and programs entered should now appear in the list of Programs and Services. Verify check marks appear next to each component.
l Server Object Manager(SOM)
l Server Object Container(SOC)
2>Application Developer Framework
2.安装完毕后,GIS Server Post Install也包括两步
1>Configure GIS Server
l 指定SOM、SOC帐户:ArcGISSOM、ArcGISSOC
l 指定 ArcGIS manager 帐户,将被加入ArcGIS Server Administrators Group(agsadmin)和
C:\Program Files\ArcGIS\bin\ArcSOM.exe
Click OK.
Click Add Program to add an exception for ArcSOC.exe.
Click 'Browse' and navigate to:
<ArcGIS Install Directory>\bin\ArcSOC.exe for example:
ArcGIS Server User Group(agsusers)用户组:arcgismanager
l 指定ArcGIS Server的工作目录
flex + geoserver + openScales 平台搭建
1 下载geoserver并配置好,下载及配置方式:我的前一篇博客2 下载openscales ,得到几个包:3 创建一个FLEX project, 将这些swc 文件放到libs 文件夹下4 写代码:////////////////////////////////////////////////////////////////////////////////////////<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="/2006/mxml" layout="absolute" xmlns:flex="main.flex.*"> <mx:Canvas xmlns="*"xmlns:mx="/2006/mxml"xmlns:os=""creationComplete="initMap();" width="100%" height="100%"><os:Map id="fxmap"height="100%"width="100%"<os:MaxExtent left="5.60075"bottom="47.2441"right="15.425"top="55.0317"/><os:WMS name="Germany"url="http://localhost:8080/geoserver/wms?request=GetMap" layers="nurc:Arc_Sample"width="660"height="330"format="image/jpeg"isBaseLayer="true"/><os:Spinner id="spinner"x="{width / 2}"y="{height / 2}"/><os:MousePosition x="10"y="{height-20}"displayProjection="EPSG:4326"/><os:DragHandler/><os:WheelHandler/><os:Extent left="5.60075"bottom="47.2441"right="15.425"top="55.0317"/></os:Map><os:ControlPanel x="10"y="10"width="140"title="Navigation"><os:PanComponent map="{map}"/><mx:HBox width="100%" paddingLeft="5" paddingRight="5"> <os:ZoomComponent map="{map}"/><mx:Spacer width="100%" /><os:ZoomBoxComponent map="{map}"width="32"height="32"/></mx:HBox></os:ControlPanel><mx:Script><![CDATA[import org.openscales.core.Map;import org.openscales.core.Trace;[Bindable] private var map:Map = null;[Bindable] public var displayTrace:Boolean = false; [Bindable] public var displayFirebugTrace:Boolean = false;private function initMap():void {eFireBugConsole = displayFirebugTrace;map = fxmap.map;}]]></mx:Script></mx:Canvas></mx:Application>//////////////////////////////////////////////////////////////////////////////////////其中url="http://localhost:8080/geoserver/wms?request=GetMap" 这个是你安装好geoserver 后的实例数据5 编译,就出来啦~~~对比一下geoServer 的默认地图显示层openLayer 下的显示:6 本地数据openScale 的自我介绍中,就提到openLayer ,感觉真的和网上说的一样:openScale 是对openLayer 的AS 翻译。
GIS开发—GeoServer2.0安装与配置过程
GeoServer2.0安装与配置过程GeoServer2.0安装与配置过程1、下载GeoServer/display/GEOS/Stable,因为我是想基于tomcat实现WEBGIS功能,所以我下载的是WebArchive(/geoserver/geoserver-2.0.1-wa r.zip)2、Tomat6(我用的版本,其他没作测试)3、发布GeoServer2的WEB应用到Tomcat4、启动Tomcat,打开http://localhost:8080/geoserver出现以下界面说明发布成功,这里的登录帐号:admin 密码:geoserver 帐号文件的位置在:webapps/geoserver/data/security/users.properties5、新建Workspaces点击左边导航中的Workspaces出现下面的界面(我把以前默认的一些Workspaces都删掉了,所以我这里只有一个),然后点击[Add new workspace]这里填写Workspace的名称和命名空间名称最好为英文否则IE下出错命名空间为你网站的地址选择Default workspace将其设置为默认6、新建Store点击左边导航中的 Stores出现下面的界面,然后点击[Add new Store]这里先选择[Shapefile],我们添加shp格式的地图文件URL的地方要注意,这里用的是相对路径,所以应该把shp的地图文件和其他一些文件全部拷贝到webapps/geoserver/data/data/shapefiles这个目录下。
地图文件我是下的[中国县市行政区划]大家可以到/nfgis/chinese/c_xz.htm下载,免费的就是老了一点保存Store后出现了新Layer的chooser界面,这个的意思是在这个shp文件中发现了一个Layer,然后点击[Publish]其他都不动,需要填写三个部分Declared SRS 点击旁边的find,然后选择2010Native Bounding Box 点击下面的[Compute from data]Lat/Lon Bounding Box点击下面的[Compute from native bounds]然后保存点击左边导航条中的 Layers就能看到刚才添加的那个Layer了点击左边导航条最下面的 Layer Preview 可以看到可预览的Layer列表,点击Layer对应的OpenLayers就可以预览地图了。
openscales
OpenScales 调用瓦片地图参考:/forum.php?mod=viewthread&tid=237&extra=page%3D1矢量数据、Identify、Search:Openscales本身不具有该功能,主要是结合Geoserver中发布的WMS和WFS服务,来进行相关操作的。
Identify:采用Openscales中的WMSGetFeatureInfovalue. yers = “”;value. WMSGetFeatureInfo.maxFeatures = 50;value. WMSGetFeatureInfo.srs = value.MainMap.baseLayer.projSrsCode;value. WMSGetFeatureInfo.url = _container.GeoserverUrl + "/wms";value. WMSGetFeatureInfo.format = "application/vnd.ogc.gml";value. WMSGetFeatureInfo.active = true;fxmap.map.addEventListener(GetFeatureInfoEvent.GET_FEATURE_INFO_DATA,getFeatu reInfo);// 点击查询private function getFeatureInfo(event:GetFeatureInfoEvent):void{// 点选,或者类似点选的操作可以if (!isNavPointSelect(this._myNav))return;var _ftrIds:HashMap = new HashMap();var _gmlFormat:GMLFormat = new GMLFormat(GMLOnFeature,_ftrIds);_gmlFormat.read(event.data);}private function GMLOnFeature(ftr:Feature,bool1:Boolean,boo2:Boolean):void{//添加Feature到地图中去Ftr就是点选的要素}Search:public functionlikeSearch(url:String,layerNameEng:String,searchField:String,value:String):void {if(url == "" || layerNameEng == "" || searchField == "")return;var _request:XMLRequest = new XMLRequest(url,onSuccess,onFailure);var postXML:XML = <wfs:GetFeature service="WFS" version="1.0.0" outputFormat="GML2"xmlns:topp="/topp"xmlns:wfs="/wfs"xmlns:ogc="/ogc"xmlns:xsi="/2001/XMLSchema-instance"xsi:schemaLocation="/wfs /wfs/1.0.0/WFS-basic.xsd"><wfs:Query><ogc:Filter><ogc:PropertyIsLike wildCard="%" singleChar="#" escapeChar="!"></ogc:PropertyIsLike ></ogc:Filter></wfs:Query></wfs:GetFeature>var ogc:Namespace = space("ogc");var wfs:Namespace = space("wfs");postXML.wfs::Query.@typeName = layerNameEng;postXML.wfs::Query.ogc::Filter.ogc::PropertyIsLike.ogc::PropertyName = searchField;postXML.wfs::Query.ogc::Filter.ogc::PropertyIsLike.ogc::Literal = "%" + value + "%";_request.postContent = postXML;_request.duration = 0;_request.send();_myXMLRequest.xmlRequestArr.push(_request);}private function onSuccess(event:Event):void {var loader:URLLoader = event.target as URLLoader;var _ftrIds:HashMap = new HashMap();var _gmlFormat:GMLFormat = new GMLFormat(_gmlonFtr,_ftrIds);if(_gmlFormat.onGMLEnd == null){_gmlFormat.onGMLEnd = this._gmlEndFunction;}_gmlFormat.read(loader.data);}private function onFailure(event:Event):void { trace("查询WFS元素失败!"+ event.toString()); }。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第一步:下载 GeoServer 并安装配置好。
(详细下载及配置的方法参考本栏目:GeoServer环境配置教程)
第一步:下载OpenScales 。
OpenScales 的安装包由下面几个包构成如下图:
第三步:新建一个 Flex 工程, 将这些swc 文件放入到libs 文件夹下。
第四步:编写测试代码
代码如下:
////////////////////////////////////////////////////////////////////////////////////////
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="/mxml/2009"
xmlns:s="library:///flex/spark"
xmlns:mx="library:///flex/mx"> <fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<s:Group xmlns=""
xmlns:fx="/mxml/2009"
xmlns:s="library:///flex/spark"
width="100%" height="100%" creationComplete="initMap()"> <Map id="fxmap" width="100%" height="100%" zoom="4"
center="-74.011,40.710">
<WMSC name="USA"
url="http://localhost:8080/geoserver/gwc/service/wms"
layers="bluemarble" format="image/jpeg"
maxExtent="-180,-90,180,90"/>
<DragHandler id="dragHandler" />
<WheelHandler id="wheelHandler" />
<SelectFeaturesHandler id="selectFeaturesHandler"
active="true" enableClickSelection="false" enableBoxSelection="false" enableOverSelection="true" />
<MousePosition id="mousePosition" x="10" y="{height-20}" displayProjection="EPSG:4326"/>
<WFS name="Topp States (WFS)"
url="http://localhost:8080/geoserver/wfs"
typename="topp:states" projection="EPSG:4326"
version="1.0.0"
style="{Style.getDefaultSurfaceStyle()}" />
<WFS name="Tiger poi (WFS)"
url="http://localhost:8080/geoserver/wfs" typename="tiger:poi"
projection="EPSG:4326" version="1.0.0"
useCapabilities="true" capabilitiesVersion="1.0.0"
style="{Style.getDefaultPointStyle()}" />
<PanZoom id="panZoom" x="10" y="10" />
<ControlPanel title="controller" x="{width - 225}" y="10" width="215">
<LayerManager/>
</ControlPanel>
</Map>
<fx:Script>
<![CDATA[
import org.openscales.core.Map;
import org.openscales.core.Trace;
public var map:Map = null;
public var displayTrace:Boolean = false;
public var displayFirebugTrace:Boolean = false;
public function initMap():void
{
eFireBugConsole = displayFirebugTrace;
map = fxmap.map;
}
]]>
</fx:Script>
</s:Group>
</s:Application>
///////////////////////////////////////////////////////////////////// /////////////////
其中url="http://localhost:8080/geoserver/wms?request=GetMap" //这个是你安装好GeoServer 后的实例数据
第五步:运行测试代码结果如下。