OpenScales 入门第一节 : 配置第一个工程

logo

Navigation

第一节 1 : 配置第一个工程?

准备工作?

在开始这章节前,你需要有一个合法的Flash Builder 环境(标准版或者Eclipse+插件)

没有的话自己去下: http://www.adobe.com/products/flashbuilder/

配置环境?

运行 FlashBuilder创建Flex工程.

tuto3-finalResult

配置工程?

首先给工程命名.

原则应用程序类型(web或者桌面程序).

选择SDK版本(至少是 Flex 4.0).

选择工程存储路径.

tuto1-nameOfTheProject

点击下一步.

改变输入文件夹(你觉得有必要才改).

tuto1-newFlexProject2

点击下一步.

点击完成.

tuto1-finishProcedure

下载 OpenScales 库 ?

地址: http://bitbucket.org/gis/openscales/downloads/openscales-1.2.zip

释放文件?

只要下面四个swc文件拉入libs文件夹即可,然后F5 刷新工程.

 tuto1-extractionFile tuto1-libs_folder

结束语?

现在你可以开始你的OpenScales应用程序的开发了.

Table Of Contents
This Page
Quick search

Enter search terms or a module, class or function name.

Navigation

© Copyright 2010, openscales.org. Created using Sphinx 1.0.4.

### WebGIS入门项目示例教程 #### 使用开源工具构建简单WebGIS应用 对于希望进入WebGIS领域的新手来说,可以从一些流行的开源平台入手。uDig、QGIS、GeoServer、MapServer、OpenLayers 和 OpenScales 是常见的开源WebGIS平台[^1]。 #### 利用webgis-pub进行学习 一个特别有价值的资源是`webgis-pub`开源教程项目。该项目基于Sphinx文档生成器创建,提供了丰富的教学材料和技术支持。除了理论讲解外,还包含了实际操作指南以及大量的代码实例,特别是关于Leaflet和OpenLayers的地图展示库的应用案例[^3]。 ```javascript // 示例:使用OpenLayers加载矢量数据并显示在地图上 import 'ol/ol.css'; import Map from 'ol/Map'; import View from 'ol/View'; import TileLayer from 'ol/layer/Tile'; import OSM from 'ol/source/OSM'; import VectorSource from 'ol/source/Vector'; import GeoJSON from 'ol/format/GeoJSON'; import {Style, Fill} from 'ol/style'; const vectorSource = new VectorSource({ url: '/path/to/data.geojson', format: new GeoJSON() }); new Map({ target: 'map', layers: [ new TileLayer({ source: new OSM(), }), new VectorLayer({ source: vectorSource, style: new Style({ fill: new Fill({ color: '#ffcc33' }) }) }) ], view: new View({ center: [0, 0], zoom: 2 }) }); ``` 此段代码展示了如何利用OpenLayers来渲染地理空间数据,并将其呈现在交互式的HTML5页面中。这正是初学者可以尝试的第一个小型WebGIS应用程序之一。 #### 实现基本功能——导入与保存地理数据 另一个重要的方面是如何实现地理信息系统的最基本功能:读取和存储地理位置数据。下面是一个简单的例子,说明了怎样在一个在线地图服务里完成这项工作: ```javascript var geojson = new AMap.GeoJSON({ geoJSON: null }); if (JSON.stringify(getData()) !== '[]') { geojson.importData(getData()); } map.add(geojson); map.on('click', function(e){ const marker = new AMap.Marker({ position: e.lnglat }); geojson.addOverlay(marker); saveData(geojson.toGeoJSON()); }); ``` 上述代码片段来自高德地图API的一个应用场景,演示了当用户点击地图时自动生成标记并将这些位置作为GeoJSON格式的数据持久化到服务器端的过程[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值