博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ol3简介
阅读量:4952 次
发布时间:2019-06-11

本文共 1321 字,大约阅读时间需要 4 分钟。

ol3从根本上进行了重新设计,相对于ol2,他符合现代浏览器的一些设计理念,使用了js新的特性,

initial版本的目的是支持原来ol2的大多数功能,支持公网上流行的缓存切片,支持常见的矢量数据格式。支持多种投影并且加入了一些新的功能如旋转和动画。同时,将来计划实现支持3D地图,使用WebGL显示大量矢量数据。
ol3使用了google的 ClosureTools ,并深度依赖它。通过ClosureTools操作DOM,兼容浏览器。同时使用Closure Compiler进行编译。
ol3通过ClosureTools进行编译的时候可以自定义指定某些模块不编译,用户可以自定义一些轻量级的build。只有被export的函数才会不会被变更名字,其他函数会被ClosureTools进行改名压缩。
ol3支持IE9及其以上版本,矢量数据目前只支持canvas。栅格图层支持canvas,DOM, WebGL三种渲染方式。
ol3是同时为桌面电脑和移动应用设计的。
顶级namespace是ol,次级名字空间小写字母开头,如ol.layer;简单对象也会用小写字母开头,如ol.animation
类型用大写字母开头的单词,如ol.layer.Layer; ol.layer.VectorLayer
源文件组织方式是,以名字空间分文件夹,并且有一个和名字空间一样的抽象类,该文件夹下的其他类均继承自该抽象类。私有函数用下划线开头。

 

Session 1

zoom是设置分辨率的一种简便方式。zoom level决定于maxZoom,zoomFactor,maxResolution(默认是将当前投影坐标系的可用范围放进一个256X256的图片中时的分辨率)。zoom level为0的时候,每个像素代表的maxResolution的值,后面的zoomlevel通过除以zoomFactor的值进行计算,直到zoom Level等于maxZoom.

例如,maxZoom=5, zoomFactor=2, maxResolution=0.00001
zoomLevel resolution
0 0.000001
1 0.0000005
2 0.00000025
3 0.000000125
4 0.0000000625
5 0.00000003125

数据源:

ol.source.Source,不管是矢量数据(GeoJSON or KML)还是公网上的缓存切片(OpenStreetMap or Bing),还是OGC的标准服务(WMS or WMTS),均通过ol.source.Source的子类进行设置。
图层:
图层是对ol.source的视觉表示,有三种基础的图层.
ol.layer.Tile:是预先渲染好的数据源,通常为缓存切片,它具有指定分辨率的预定义的zoomLevel
ol.layer.Image:一般为一张具有指定矩形范围的图片
ol.layer.Vector:矢量数据,在浏览器中渲染(目前版本只支持cavas)

转载于:https://www.cnblogs.com/yoyogis/p/4574188.html

你可能感兴趣的文章
vue2.0-elementUI
查看>>
洛谷 P1096 Hanoi双塔问题
查看>>
C#程序注释
查看>>
El表达式的判断字符串的长度和截取,日期时间的格式化
查看>>
.NET总结--ASP.NET工作原理
查看>>
分数规划学习笔记
查看>>
Vitamin K2 with Menaquinone-7 60 Vegetarian Capsules
查看>>
Docker (三):镜像
查看>>
AngularJs的表单验证
查看>>
SpringBoot:四种读取properties文件的方式
查看>>
Sql视图
查看>>
async, await运用
查看>>
go语言hello.go
查看>>
分布式服务框架 Zookeeper -- 管理分布式环境中的数据
查看>>
JavaScript数组去重6种方法
查看>>
asp.net core 系列之中间件进阶篇-编写自定义中间件(middleware)
查看>>
poj1269 Intersecting Lines
查看>>
快速使用Log4Cpp
查看>>
vimrc
查看>>
PCB工作台
查看>>