openlayers基础系列教程(用于在线地图查询和加载等操作)

冰轮华葬

贡献于2016-11-09

字数:34288 关键词: 地理信息系统GIS

openlayers基础系列教程(一) 本章节主要介绍一些基础知识和以及怎么应用OpenLayers建立一个自己的电子地图应该程序。 openlayers是一个非常大而复杂的框架,同时它也是非常强大和灵活的。 在OpenLayers一个主要的概念就是Map,Map可以包含一些图层,这些图层可以是矢量的也可以使栅格的 每个图层的数据源可以是图片,也可以是kml文件等。当然Map也包含一些控件,主要是交互所用的 比如 平移 缩放,要素的选择等等。 现在我们开始学习OpenLayers的使用。、 1.创建一个简单的电子地图应用 你要创建一个电子地图应用,首先要创建一个地图。本教程将引导你创建一个简单的电子地图应用。 当然一些必要的基础知识是需要的,比如 HTML,CSS ,Javascript 等是要学习的 OpenLayers是主要是通过HTML和Javascript编写的,所以我们得有一个编辑器,这个就很多了 这里我们使用EditPlus ,当然你可以选择更好的一些编辑器,他们会高亮显示语法和自动提示功能。 2.我们首先下载openlayers的源码。下载地址http://www.openlayers.org/download/OpenLayers-2.12.zip 解压后里面有很多内容。其实我们只需要拷贝目录下的OpenLayer.js、根目录下的lib目录、根目录下的img目录 theme目录 到你网站的olapi目录下。 当然你也可以是使用OpenLayers中文官方站的api   http://www.openlayers.cn/olapi/OpenLayers.js 3.下面创建一个 空的index.html文件 包含以下的代码  [代码]js代码: 01 02 03   04 05 06 创建一个简单的电子地图 07 08 09 10 12 15 16 28 29   30 31
33
34 35   36 osm: openstreetmap 开源wiki地图,很多人们习以为常可以随便拿来用的地图 OpenLayers项目分析(一)项目介绍 (OpenLayers JavaScript Mapping Library) 网址: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文件为例。 [代码]js代码: 01 02