`

开源WebGIS-OpenScales

    博客分类:
  • BEMS
阅读更多
文章分类:Flash编程
    最近对开源WebGIS很感兴趣,由于之前一直基于ArcGIS Server的Flex API和Mobile API做二次开发,所以自然对新发布的OpenScales(http://www.openscales.org)很关注。OpenScales旨在提供一个用户友好的、响应迅速的工具来操作空间数据,例如地理栅格视图、向量数据编辑,管理缩放和定位之间的平滑转换等等,作为一个用AS3写的开源工具,Openscales设计目的是为了易于在Flex/AIR应用中使用,它虽然小但是是GIS的有力核心。OpenScales当前最新版本是1.1。
    OpenScales是客户端的组件库,要想使OpenScales真正发挥其威力,自然还要为其配备数据库和地图服务器。开源社区中,GeoServer和PostGIS可以算是一对不错的搭档。经过一番搜索和学习,暂定GeoServer+PostGIS+OpenScales作为我了解开源WebGIS的第一站。现在研究GeoServer和PostGIS的文章已经不胜枚举,所以在我的博客中打算更多的涉及OpenScales方面的内容。
    闲言少叙,下面开始OpenScales应用的第一个例子。首先下载OpenScales压缩包,解压缩后,将bin中的四个swc为后缀的库文件添加到Flex项目的类路径中。代码如下(效果图见附件):

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:os="http://openscales.org" creationComplete="initMap();">

	<!--Flex Map Component-->
	<os:Map id="fxmap" height="100%" width="100%">
		<!--Flex WMS Layer-->
		<os:WMS name="China"
				url="http://localhost:8080/geoserver/wms"
				layers="smartropp:province"
				format="image/jpeg"
				isBaseLayer="true"
				projection="EPSG:4326"/>
		<!-- define max extent for map -->
		<os:MaxExtent left="73.447" bottom="18.319" right="135.079" top="53.555"/>
		<!-- drag handler to make map dragble -->
		<os:DragHandler/>
		<!-- mouse postion to display coordinate of cursor -->
		<os:MousePosition/>
		<!-- wheel handler to make map zooming in or out when mouse wheel rolling -->
		<os:WheelHandler/>
	</os:Map>

	<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
			{
				Trace.useFireBugConsole=displayFirebugTrace;
				map=fxmap.map;
			}
		]]>
	</mx:Script>

</mx:Application>

 
        运行后效果图如附件中图片所示,可以对地图进行漫游(DragHandler)、通过滚动鼠标轮轴进行放大缩小(WheelHandler),在左上角显示鼠标坐标(MousePosition)。

        OpenScales中提供了IHandler接口,以及实现了该接口的Handler类,该类可作为所有与地图操作有关的类的父类。OpenScales提供了很多实用类,用来实现用户与地图的交互。比如在例子中用到得DragHandler、WheelHandler等。我们也可以根据自己的需要继承Handler类,实现OpenScales没有提供的功能。
分享到:
评论
4 楼 wmdcs 2013-06-25  
坑啊 附件哪?
3 楼 shenhuahaier 2011-06-13  
你好
我想询问一下,你是如何判断url的内容从wms上载入成功或者说载入完成的呢?
我现在就遇到这个问题,我用geoserver做为地图服务器,在openscales端如何判断
地图信息是否已经载入完成呢?
2 楼 freddie 2011-03-31  
看来弄错了,查了一下,postGis是在PostgreSQL上增加了存储管理空间数据的能力,呵呵,刚刚要搞webgis,很多东西不甚了解,今后要多多请教了。
1 楼 freddie 2011-03-31  
GeoServer和PostGis不都是地图服务器吗?为什么重复,应该是postgreSql和PostGis可以算是一对不错的搭档吧。

相关推荐

    webgis-openlayers景点管理系统.zip

    基于openlayers的webgis开发,采用datagrid展现数据库中POI点信息,实现了点的增删改功能。以高德地图为底图,使用到了openlayers marker、popup等功能。另外添加了路线搜索,使用高德地图api,用openlayers进行渲染...

    开源 WebGIS:地图发布与地图服务_v2.pdf

    开源WebGIS是通过使用开源软件来实现地图的发布和地图服务的技术。MapServer和Leaflet是当前流行的开源WebGIS应用,MapServer擅长于地图服务的发布,Leaflet则是一种基于HTML5的轻量级地图前端展示库。在开源WebGIS...

    WebGIS-北京市旅行分析

    总的来说,"WebGIS-北京市旅行分析"是一个结合了前端开发技术和地理信息系统技术的实用工具,它利用WebGIS的优势,为旅行者提供了一个方便、互动的地图平台,进行数据探索和决策支持,极大地提升了旅行规划的便捷性...

    WebGis-典型的jsoo架构项目,吐血奉献

    "WebGis-典型的jsoo架构项目"标题表明这是一个以JavaScript Object-Oriented(JSOO)架构为基础的WebGIS开发实例,对于理解WebGIS的实现机制和JSOO架构的应用具有重要意义。 JSOO是JavaScript中面向对象编程的一种...

    webgis.rar_MapXtreme_pudn mapxtreme webg_webgis_webgis-digital-M

    WebGIS,全称为Web地理信息系统,是一种基于互联网的地理信息系统,允许用户通过浏览器访问和操作地理数据。在“webgis.rar”这个压缩包中,我们主要关注的是利用MapXtreme技术结合C#编程语言开发的WebGIS应用。...

    webgis-vue项目发布动态demo,node.js

    【标题】"webgis-vue项目发布动态demo,node.js" 涉及的主要知识点包括WebGIS技术、Vue.js框架以及Node.js后端开发。WebGIS(Web Geographic Information System)是一种基于互联网的地理信息系统,它将地理信息与...

    基于J2EE和ArcIMS的地籍管理WebGIS-----南京地税地理信息系统

    ### 基于J2EE和ArcIMS的地籍管理WebGIS关键知识点解析 #### 一、引言 本文探讨了一种新型的地籍管理WebGIS(Web Geographic Information System)开发模式,该模式结合了J2EE(Java 2 Platform, Enterprise ...

    webgis-天气查询

    ebGIS(网络地理信息系统)是指工作在Web网上的GIS,是传统的GIS在网络上的延伸和发展,具有传统GIS的特点,可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能,同时也是Internet 上地理信息发布、共享和...

    开源webgis 整套 兼容arcgis

    开源WebGIS技术是一种基于互联网的地理信息系统,它允许开发者利用开放源代码来构建地图应用,提供了与商业GIS软件(如ArcGIS)兼容的功能。本文将深入探讨开源WebGIS的原理、特性以及如何与ArcGIS Server集成。 ...

    2017-03-WebGIS-前端开发技术2

    根据给定文件的信息,我们可以提炼出以下几...以上知识点涵盖了 JavaScript 和 jQuery 的核心概念和技术要点,对于 WebGIS 前端开发而言尤为重要。通过深入理解这些技术,可以更好地实现 WebGIS 应用的功能性和交互性。

    gbd-webgis-client:GBD WebGIS客户端-GBD WebSuite开始之前的开发

    gbd-webgis-client 基于React和OpenLayers的地图查看器。要求最新的node.js和npm 。安装克隆仓库并运行npm install : git clone https://github.com/gbd-consult/gbd-webgis-clientcd gbd-webgis-clientnpm install...

    基于开源WebGIS的智慧养老系统源码下载

    以OpenLayers/Cesium、PostgreSQL/PostGIS、GeoServer等开源WebGIS技术为核心支撑,结合Vue、Spring Boot等前后端开发技术,设计和开发了基于开源WebGIS的移动端智慧养老App与Web端智慧养老管理系统。 1.关于账号...

    webgis-chinese.doc

    WebGIS,全称为万维网地理信息系统,是一种在Internet或Intranet环境下,结合地理信息进行数据存储、处理、分析和展示的计算机信息系统。它基于WWW协议,允许用户通过标准的Web浏览器访问和利用地理信息系统中的数据...

    vue_webgis-arcgis

    vue cli3.0 + node.js + webgis demo(openlayers / mapbox / arcgis) arcgis arcgis arcgis arcgis arcgis

    开源WebGIS

    【开源WebGIS】是一种基于Web技术的地理信息系统(Geographic Information System),它允许用户通过浏览器访问、展示、分析和管理地理数据。WebGIS的核心在于将GIS的功能与Web技术结合,使得用户无需安装专门的GIS...

    开源webgis开发指南 第1章:前言.

    前言

    基于开源WebGIS的城市旅游交通电子地图开发研究.docx

    【基于开源WebGIS的城市旅游交通电子地图开发研究】 随着信息技术的快速发展,旅游业也逐渐步入了数字化时代。传统的纸质旅游交通地图已经被互联网上的电子地图所取代,为游客提供了更便捷、实时的信息获取方式。...

    开源GIS---java系列

    它支持多种浏览器,便于快速构建WebGIS应用。 11. **mapbuilder-lib**:mapbuilder-lib是一个基于AJAX的Web映射客户端库,采用模块化设计,可扩展新组件和数据源,提供快速的客户端响应,并兼容多种现代浏览器。 ...

    基于开源平台的中小型WebGIS应用研究.pdf

    本文研究了基于开源平台的中小型WebGIS应用,并详细分析了开源WebGIS技术的特点。WebGIS即网络地理信息系统,是GIS(地理信息系统)与网络技术结合的产物。开源WebGIS技术以低成本和良好的可扩展性、灵活性为中小型...

    基于开源WebGIS的城市旅游交通电子地图开发研究.doc

    【基于开源WebGIS的城市旅游交通电子地图开发研究】 在当今信息化时代,旅游业的发展与计算机技术紧密结合,游客获取旅游交通信息的方式已经从传统的纸质地图转向了互联网上的电子地图。开源WebGIS技术的兴起,使得...

Global site tag (gtag.js) - Google Analytics