`
xiebh
  • 浏览: 612920 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

OpenLayers介绍

阅读更多
(一)项目介绍

网址:http://www.openlayers.org/

  OpenLayers 是由MetaCarta公司开发的,用于WebGIS客户端的JavaScript包,目前的最高版本是2.5 V,通过BSD License 发行。它实现访问地理空间数据的方法都符合行业标准,比如OpenGIS的WMS和WFS规范, OpenLayers采用纯面向对象的JavaScript方式开发,同时借用了Prototype框架和Rico库的一些组件。

  采用OpenLayers作为客户端不存在浏览器依赖性。由于OpenLayers采用JavaScript语言实现,而应用于Web浏览器中的DOM(文档对象模型)由JavaScript实现,同时,Web浏览器(比如IE,FF等)都支持DOM 。

  OpenLayers APIs采用动态类型脚本语言JavaScript编写,实现了类似与Ajax功能的无刷新更新页面,能够带给用户丰富的桌面体验(它本身就有一个Ajax类,用于实现Ajax功能)。

  目前,OpenLayers所能够支持的Format有:XML、GML、GeoJSON、GeoRSS、JSON、KML、WFS、WKT(Well-Known Text)。在OPenlayers.Format名称空间下的各个类里,实现了具体读/写这些Format的解析器。

  OpenLayers所能够利用的地图数据资源“丰富多彩”,在这方面提供给拥护较多的选择,比如WMS、WFS、GoogleMap、KaMap、MSVirtualEarth、WorldWind等等。当然,也可以用简单的图片作为源。

第一次使用OpenLayers:

  先到它的官方网站http://www.openlayers.org下载他的压缩包,解压后可以看到其中的一些目录和文件,拷贝目录下的OpenLayer.js、根目录下的lib目录、根目录下的img目录到你网站的 Scripts目录下(当然,这个只是例子,您网站的目录结构您自己说得算,只要保证OpenLayers.js,/lib,/img在同一目录中即可)。 然后,创建一个index.html作为查看地图的页面,导入OpenLayers.js和你将要创建的js。

  我们以加载WMS和GML文件为例。 

  
 <script src="../lib/OpenLayers.js"></script>
  <script type="text/javascript">
        var lon = 5;    //x-axis coodinate in map units
        var lat = 40;   //y-axis coordinate in map units
        var zoom = 5;   //number of zoom levels

        var map, layer; 

    //声明变量map、layer;等同于 var map = null; var layer = null;

        map = new OpenLayers.Map('map');

        //实例化一个地图类OpenLayers.Map
        layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );

        //以WMS的格式实例化图层类OpenLayers.Layer

        map.addLayer(layer);
        map.zoomToExtent(newOpenLayers.Bounds(-3.922119,44.335327,   4.866943,49.553833));

    //在Map对象上加载Layer对象,并用map.zoomToExtent函数使地图合适地显示
    map.addLayer(new OpenLayers.Layer.GML("GML", "gml/polygon.xml"));


    //再在刚加载的WMS文件上,加载一GML文件

  剩下的工作就是,加上一些控件OpenLayers.Control之类的东西,比如LayerSwitcher等。它们会在地图浏览的“窗口”上增加一些工具栏或是“按钮”,增加互动性和功能性。

  当然,Openlayers中的东西远不止这些,至于它的框架分析、APIs实现机制,会在后续文章中说出。写这个的过程,也是一个学习的过程,其中难免有不妥之处,热烈欢迎大家批评指正,相互交流
分享到:
评论

相关推荐

    基于openlayers和canvas绘制海量数据的实现

    1. **OpenLayers介绍** OpenLayers是一个开源的JavaScript库,主要用于构建地图应用。它支持多种地图服务,包括WMS、WMTS、TMS等,兼容多种地图数据格式,如GeoJSON、KML、GML等。OpenLayers提供了一系列API,使得...

    openlayers教程

    openlayers的类与方法.doc OpenLayers技术研究参考文档.doc ...openlayers介绍.ppt openlayers开发.doc OpenLayers心得文档.doc openlayers资料1.doc OpenLayer源代码总体结构分析.doc OpenLayers.pdf

    OpenLayers.2.10.Beginners.Guide

    1. **OpenLayers介绍**:首先,书中会介绍OpenLayers的基本概念,包括它的设计理念、功能特性以及在GIS(地理信息系统)领域的应用背景。 2. **环境设置**:设置开发环境是开始学习的第一步。这通常包括HTML页面...

    openlayers中文.rar

    - **中文手册**:这个压缩包提供的中文手册会详细介绍OpenLayers的API、示例代码和最佳实践,是初学者的宝贵资料。 - **官方文档**:OpenLayers的官方英文文档也非常详尽,适合深入学习。 - **社区和论坛**:参与...

    介绍openlayers基本功能及案例地址

    OpenLayers基础功能及案例地址 OpenLayers是一个基于JavaScript的开源地图库,可以帮助开发者快速构建交互式地图应用程序。下面是OpenLayers的一些基础功能及案例地址: 一、 Popup OpenLayers提供了强大的Popup...

    OpenLayers

    下面将详细介绍OpenLayers的基础知识,以及如何开始使用它。 ### 1. OpenLayers 概述 OpenLayers 提供了一种简单的方式来在网页中集成地图功能。它支持多种地图源,包括谷歌地图、必应地图、雅虎地图等,同时也...

    openlayers 编辑geoserver图层

    本资源主要针对初级学习者,介绍如何使用OpenLayers对GeoServer图层进行编辑。 首先,让我们了解OpenLayers。OpenLayers提供了一个灵活的API,用于创建交互式的地图应用。它可以加载多种地图源,包括WMS(Web Map ...

    使用openlayers加载离线地图实例

    本实例将详细介绍如何利用OpenLayers加载离线地图,并通过mui将其打包成移动应用。 首先,理解OpenLayers的核心概念至关重要。OpenLayers是一个开源的JavaScript库,它允许开发者在网页中嵌入地图,支持多种地图...

    用Openlayers实现实时定位

    本教程将详细介绍如何使用OpenLayers实现实时定位功能。 实时定位通常涉及到获取用户设备的位置信息,这在现代浏览器中可以通过GPS、Wi-Fi信号或移动网络基站进行。OpenLayers 提供了内置的定位API来处理这些任务。...

    openlayers中文文档1.zip

    在中文文档中,你将找到关于这些功能的详细介绍,包括如何配置和使用它们的示例代码。API 文档则提供了详细的函数、类和方法说明,帮助开发者深入理解OpenLayers的工作原理并进行高级开发。 学习OpenLayers的中文...

    openlayers

    本资料主要关注OpenLayers中的画线方法,下面将详细介绍这一主题。 在OpenLayers中,画线主要涉及到`ol.geom.LineString`几何对象和`ol.feature`特征。`ol.geom.LineString`用于创建直线几何,而`ol.feature`则是将...

    openLayers-API中文

    这个中文版的OpenLayers API文档将详细介绍以上概念和更多细节,包括示例代码、函数参数说明、返回值等,对于初学者和进阶开发者都是非常有用的参考。学习和掌握OpenLayers API,将有助于开发出功能丰富、交互性强的...

    解决openlayers跨域访问的解决方案

    下面将详细介绍如何解决OpenLayers中的跨域问题。 ### 一、理解同源策略 同源策略是Web浏览器的一项安全措施,它限制了来自不同源(协议、域名、端口)的脚本之间共享资源。例如,一个运行在http://example.com上...

    openlayers3添加闪烁点

    下面将详细介绍如何使用OpenLayers 3和Canvas技术来实现动态点闪烁的效果。 首先,我们需要理解OpenLayers 3的基本结构。它提供了地图层(Layers)、视图(View)、控制(Controls)和源(Sources)等组件,让我们...

    OpenLayers离线帮助文件

    1. **安装与配置**:详细介绍了如何在项目中引入OpenLayers库,包括通过CDN链接、下载源码文件以及使用npm或yarn进行包管理器安装的方法。 2. **基本概念**:讲解了地图、图层、投影、控制等OpenLayers中的核心概念...

    openlayers的鼠标滚轮事件

    本文将详细介绍如何在OpenLayers中启用和禁用鼠标滚轮事件,以及其实现的具体方法。 #### 二、OpenLayers与鼠标滚轮事件 ##### 2.1 OpenLayers概述 OpenLayers是一个用于显示地理数据的地图库,可以用来创建复杂...

    openlayers 手册

    本手册涵盖了 OpenLayers 的所有类的介绍说明,及其简单实例。 OpenLayers 对象 OpenLayers 对象提供了一切事物,包括命名空间常量 VERSION_NUMBER,标识版本属性 ImgPath,设置图像存储的路径。 BaseTypes Base...

    OpenLayers 2.10 Beginners Guide

    本书主要介绍的是 **OpenLayers 2.10** 的相关内容,这是一个比较成熟的版本,在该版本中,开发团队对之前的版本进行了大量的优化和改进,以提高性能和用户体验。 #### 知识点二:OpenLayers的核心特性 1. **跨...

    openlayers加载静态图片地图

    本教程将详细介绍如何使用OpenLayers加载静态图片地图,并探讨其流畅操作、可控显示范围和等级设置。 首先,为了加载静态图片,我们需要准备好图片资源。这些图片通常是一系列按照特定比例尺分块的图像,每一块对应...

Global site tag (gtag.js) - Google Analytics