第1页 / 共38页
第2页 / 共38页
第3页 / 共38页
第4页 / 共38页
第5页 / 共38页
第6页 / 共38页
第7页 / 共38页
第8页 / 共38页
openlayers基础系列教程.doc
openlayers基础系列教程(一)
[代码]js代码：
OpenLayers项目分析（一）项目介绍
[代码]js代码：
OpenLayers 项目完整分析（二）源代码总体结构分析
[代码]js代码：
[代码]js代码：
OpenLayers 项目分析（三）-OpenLayers中定制JavaScript内置类
[代码]js代码：
[代码]js代码：
[代码]js代码：
[代码]js代码：
[代码]js代码：
OpenLayers项目分析(四)空间数据的组织与实现
[代码]js代码：
OpenLayers项目分析（五） 数据解析以GML为例
[代码]js代码：
[代码]js代码：
OpenLayers项目分析（六）数据渲染分析
[代码]js代码：
[代码]js代码：
OpenLayers项目分析（七）地图表现
[代码]js代码：
[代码]js代码：
[代码]js代码：
[代码]js代码：
[代码]js代码：
Openlayers源代码分析（四）BaseTypes.js
[代码]js代码：
关于使用OpenLayers的WMS透明图层叠加的一些问题
使用KML作为Openlayers的底图
[代码]js代码：
openlayers 2.12 和2.11在IE10中错位的原因分析及解决方法【转】
1.在360金字塔的0级，一个瓦片对应的长宽分别是256，由于在第0级只有一个瓦片，该瓦片对应的地图
OpenLayers加载QQ地图
[代码]js代码：
[代码]js代码：
[代码]js代码：
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
3.下面创建一个 空的 index.html 文件
包含以下的代码
http://www.openlayers.cn/olapi/OpenLayers.js
[代码]js 代码：
01
02
03
04
05
06 创建一个简单的电子地图
07
08
0
9
1
0
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
© 2024 本站由 资料铺 提供技术支持 网站地图