`
hgfghe3
  • 浏览: 52590 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

OpenScales入门教程:第二节 : 创建第一张地图

 
阅读更多

  
  你需要把第一节给读懂了再开始本章. 
  
   flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:os="http://openscales.org" creationComplete="initMap();">               
  这样,"os"的命名空间就与OpenScales-fx库连接成功了. 下面的代码将增加一个地图视图.
  
   id 是唯一标示,这儿我们命名为fxmap. 
  width 和 height限制地图的大小. 
  zoom 设置地图开始的缩放等级. 
  center 代表地图居中的坐标.应该与基本层有相同的投影. 
  x 和 y 决定了地图空间在应用程序的位置,如下图所示.
  
  街道地图的实例.只需要在    标签中增加代码. os:Mapnik name="base"
  proxy="http://www.openscales.org/proxy.php?url="/> 
  
  其他的街道层还有 : Cycle Map, Osmarender 都可以在地图作为OSM数据,只是他们有其他的渲染规则. 
  
  
  proxy 参数不是必须的,但是可以针对OSM服务器可以阻止安全错误,不合法的跨域操作等. OGC(开放地理空间联盟)定义了类似WFS,WMS等多个协议
  你在OpenScales-fx-example中可以找到很多关于OGC层的例子.下面是这个例子提供了网络要素服务作为基本层。你可以用下面的代码替换前两行的代码: 注意:想更好的显示这个实例,你需要改变地图中心坐标参数并将缩放等级更改为3. 
  
  实例:增加一个OSM层和一个KML层 
  
  KML层没有设置为基本层,所以他讲在OSM层上面.在这个例子里,Mapnik是一个基本层,我们能够看见KML层应该感谢那三个Marker. OpenScales允许我们使用安全管理进入一个或者多个层,下面这个实例是关于 法国国家地理学会(IGN的)的门户(http://geoportail.fr).他使用OGC协议:WEP的地图服务-缓存层。 注意:为了更好的观赏这个范例,请如下修改中心位置并将缩放等级改为5. 
  
  下面将显示地图对应的投影的坐标.下面这个例子(增加它在 标签内)这个投影使用的是 EPSG:4326 (http://spatialreference.org/ref/epsg/4326/). x 和 y 暂时地图的像素坐标. 
  
  以下是可用的鼠标事件: 下面将可以允许你移动地图,点击地图和使用鼠标滚轮缩放地图,把下面的代码放入 标签内即可.后增加下面的代码即可显示这个面板. 你可以在 
  下面这个实例将增加一个平移工具和缩放条. 特别注意 :你需要增加一段action 脚本代码: 在 标签后增加下面代码: 通过上面的例子我们可以看到: 应用程序需要你指定 initMap()函数 : 点击Flash Builder中的类似下面的图标. 根据你的工程属性,在启动窗口中,选择Web程序 或是桌面程序. 
  
  现在你已经能够搭建OpenScales地图了! Enter search terms or a module, class or function name. 
分享到:
评论

相关推荐

    Openscales 入门

    "Openscales 入门"是关于开源数据可视化和分析库Openscales的基础教程。这个库主要设计用于帮助开发者和数据科学家更便捷地在Web应用中展示和操作大规模数据集。通过学习 Openscales,你可以掌握如何在网页上创建...

    用Flash Builder和openscales创建地图实例

    总的来说,使用Adobe Flash Builder和OpenScales创建地图实例是一个涉及技术栈选择、库导入、组件配置、地图服务连接和交互功能实现的过程。对于初学者,这不仅是一个学习ActionScript 3.0和Flex框架的好机会,也是...

    openscales简介

    - 用户可以使用简单的KML文件、切片图像甚至是由PhotoShop CS4 zoomify生成的图片来创建地图。 - OpenScales还支持实时编辑功能,允许用户在不离开应用的情况下对地图进行编辑。 4. **平台兼容性** - OpenScales...

    openscales-openscales

    2. **JavaScript API**:OpenScales的API设计得非常友好,允许开发者使用JavaScript来控制地图的显示和交互。通过API,你可以添加新的图层、设置地图中心点、改变缩放级别,甚至可以实现复杂的地图动画效果。 3. **...

    OpenScales图层控制 DataGrid checkBox

    2. **创建数据源**:首先,我们需要创建一个包含图层信息的数据源,通常是一个 **ArrayCollection** 类型的对象。 3. **配置DataGrid**:设置 **DataGrid** 的属性,如列定义、数据源等。 4. **实现交互逻辑**:为...

    OpenScales学习

    ### OpenScales学习知识点解析 ...对于初学者而言,理解OpenScales的架构和组件工作原理是至关重要的第一步。随着对框架深入的学习和实践,开发者将能够利用OpenScales构建出功能丰富、性能优秀的GIS应用。

    OpenScales访问GeoWebCache的切片

    通过创建这个扩展类,OpenScales客户端应用能够向GeoWebCache请求预生成的地图切片,而不是实时渲染地图图像,大大提高了地图的加载速度和用户体验。 在OpenScales的这个扩展过程中,有多个关键知识点需要注意: 1...

    openscales 拉框缩放地图

    OpenScales是一个强大的开源库,它提供了丰富的地图渲染和交互功能,使得开发者可以轻松地在自己的应用中集成地图功能。本文将深入探讨OpenScales如何实现地图的拉框缩放操作,以及其背后的原理和技术细节。 ...

    openscales 示例

    OpenScales是一个开源的GIS(地理信息系统)框架,它提供了在多种平台和环境中处理地图和地理数据的能力。这个压缩包包含了一系列的资源,便于在Eclipse或Flash Builder等开发环境中直接导入和运行,从而快速上手。 ...

    openscales开发工具包

    2. 创建地图:使用OpenScales提供的API,创建一个基本的地图容器,设置地图的中心点、缩放级别等初始参数。 3. 加载数据:通过读取本地或网络上的地理数据文件,将其加载到地图上。可以创建多个图层,分别对应不同...

    OpenScales基本功能事例

    最后,`<os:PanZoom>`组件提供了平移和缩放地图的功能,它包括两个实例:一个作为独立的导航控件,另一个嵌入到`<os:ControlPanel>`中,提供更复杂的导航选项。 这个OpenScales基本功能事例展示了如何构建一个交互...

    openscales 参考示例工程

    通过深入研究"openscales 参考示例工程",开发者不仅可以学习到如何使用OpenScales和Flex创建地图应用,还能提升在地理信息系统(GIS)领域的专业技能,为构建自己的地图应用奠定坚实基础。在实践中不断探索和改进,...

    openscales 自定义工具包括放大缩小等

    在IT领域,尤其是在GIS(地理信息系统)或者地图应用开发中,`openscales`是一个非常重要的开源库,它提供了丰富的地图渲染和交互功能。这个库旨在帮助开发者构建具有高性能和高度可定制的地图应用。当我们谈到...

    openscales学习笔记8.24

    《openscales学习笔记8.24》主要涵盖了OpenScales库的使用和理解,这是一个针对地图数据处理和显示的开源工具。在这个学习笔记中,我们将深入探讨OpenScales的源码,以及它如何与工具结合,帮助开发者创建交互式地图...

    OpenScales开发工具包

    OpenScales是一个优秀的前台地图框架,开发者可以用来开发各种网络版、手机版和桌面版的地图程序。 她是基于ActionSctip 3 和 Flex写的,能够支持各种标准的地图服务,比如WMS、WFS、TMS、OSM等。 她是开源的、免费...

    OpenScales代码结构分析

    OpenScales的map模块提供了一个统一的接口来访问和操作地图操作核心类,从而简化了GIS应用程序的开发。 Trace:程序日志管理 Trace是OpenScales代码结构中的一部分,负责管理程序日志管理。程序日志管理是GIS应用...

    openscales-1.2-beta3 官方开发文档

    openscales 目前最新开发开源包 附有事例 1.2-beta3

    flex + geoserver + openScales 平台搭建.pdf

    OpenScales是一个用于Adobe Flex和ActionScript的开源GIS库,它允许开发人员在Flex应用程序中创建丰富的地图体验。下载OpenScales后,我们需要将SWC文件放入Flex项目的libs目录下,以便项目能够引用这些库资源。 在...

    OpenScales添加导航工具条 OpenScaleViewer (源码案例)

    参照openscales已有的一些Handler,自己写了一个Navigation,用来实现地图的放大、缩小、漫游、全屏显示、前后视图等功能,来完善openscales地图的基本操作。 大概的思路是,参照ZoomBoxHandler,写一个...

Global site tag (gtag.js) - Google Analytics