Document 66539

Transcript Document 66539

关于OpenLayers
李玉俭
2013年9月16日
它是什么
开源JavaScript库
 创建web 电子地图
 兼容多种浏览器
 支持多种数据表现形式
 Metacarta公司开发
 Projection of Open Source Geospatial
Foundation

与Google Maps的比较
项目
Google Map
OpenLayers
依赖性
不好
好
服务资源
少
多
连接速度
慢
快
可订制
差
好
开源性
不开源
开源
谁在用
whitehouse.gov/change
谁在用
盘古地图，http://map.panguso.com/
 新浪地图，http://map.sina.com.cn/
 天地图，http://www.tianditu.com
 SuperMap iClient（超图），
http://support.supermap.com.cn:8090/iser
ver/iClient/forJavaScript/examples/exampl
es.html

历史发布记录
2006年6月发布1.0
 陆续发布2.0 – 2.12
 2013年发布版本2.13
 传说中的3.0版本

2.12版本中的一些变化
增加了两个额外的build版本
OpenLayers.light.js
OpenLayers.mobile.js
 Theme下增加了style.mobile.css
 智能投影识别

2.12版本中的一些变化
2.12版本中的一些变化
增加用Canvas处理瓦片的方法
 弃用Rico库
 调整Google v3图层的方法
 增加OSM and Bing图层类
 丢弃OpenLayers.Util.onImageLoadError方法
 将弃用的属性、方法提到deprecated.js
中

2.13版本中的一些变化
点连接符标识调整
 增强移动设备地图的缩放效果
 增加vector feature的点击事件
 调整了瓦片的加载方式
 增加了地图缩放平滑效果
 弃用$方法
$ = OpenLayers.Util.getElement

OL3版本中的一些变化
webgl
 Cesium
 Closure Compiler
 A new codebase
 High-quality documentation

ol3js.org/en/master/examples/
重要组成部分
Map
 Layer
 Control
 其它

有哪些Layer
ArcGIS93Rest、Bing、 Google、OSM
 Wms、 Wmts、Tms
 Marker
 Vector

有哪些Control
PanZoomBar、 Navigation 、ZoomBox
 LayerSwitcher 、OverviewMap 、
MousePosition 、Scale
 Measure 、Geolocate
 EditorToolbar、SelectFeature

如何使用
如何使用
把lib,img,theme文件夹复制到同一个目
录下
 引用js文件
 创建map容器标签


加载地图方法
如何使用
初始化的方法
第一种:
var map = new OpenLayers.Map(“map1”,
options);
 第二种：

怎样给Map注册事件
 第一种：
 第二种：
构建（Build）--基于Python
Build.py构建压缩版
BuildUncompressed.py构建无压缩版
构建（Build）

配置文件
Build 压缩方法
Closure
 Closure_ws
 Jsmin
 Minimize

构建（Build）

命令
OpenLayers中的类
新建类
var MyClass =
OpenLayers.Class(prototype);
 继承类
var MyClass = OpenLayers.Class(Class1,
Class2, prototype);

相关链接
官网: http://openlayers.org
 API文档：
http://dev.openlayers.org/releases/OpenLa
yers-2.13.1/doc/apidocs/files/OpenLayersjs.html
 开发示例:
http://openlayers.org/dev/examples/

相关链接
文档: http://docs.openlayers.org/library/
 下载列表：
http://openlayers.org/download/
 GitHub: http://github.com/openlayers/op
enlayers

一个应用开始之前
“ 源码是最好的学习环
境
希望对大家有所帮
助！
谢谢

Document 66539

Transcript Document 66539

Directory