Document 66539
Download
Report
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
一个应用开始之前
“ 源码是最好的学习环
境
希望对大家有所帮
助!
谢谢