![](https://csdnimg.cn/release/download_crawler_static/10139775/bg1.jpg)
OpenLayers 3 入门教程
摘要
对 网络地图库进行了根本的重新设计。版本 虽然被广泛使用,
但从 开发的早期发展阶段开始,已日益现实出它的落后。 已运用现代的设计模
式从底层重写。
最初的版本旨在支持第 版提供的功能,提供大量商业或免费的瓦片资源以及最流行的开源矢
量数据格式。与版本 一样,数据可以被任意投影。最初的版本还增加了一些额外的功能,如
能够方便地旋转地图以及显示地图动画。
同时设计了一些主要的新功能,如显示三维地图,或使用 快速显示大
型矢量数据集,这些功能将在以后的版本中加入。
目录
基本概念
自由分享
-harryfly
![](https://csdnimg.cn/release/download_crawler_static/10139775/bg2.jpg)
入门教程
总结
实践
地图显示
创建一副地图
剖析你的地图
的资源
图层与资源
网络地图服务图层
瓦片缓存
专有栅格图层()
矢量图层
矢量影像
控件与交互
显示比例尺
选择要素
绘制要素
修改要素
矢量样式
矢量图层格式
矢量图层样式
设置矢量图层的样式
![](https://csdnimg.cn/release/download_crawler_static/10139775/bg3.jpg)
入门教程
基本概念
![](https://csdnimg.cn/release/download_crawler_static/10139775/bg4.jpg)
入门教程
的核心部件是 (ol.Map)。它被呈现到对象 target 容器(例如,包
含在地图的网页上的 div 元素)。所有地图的属性可以在构造时进行配置,或者通过使用 !!
方法,如 !"!()。
#$%$&'('!&'$!)*+,))!*-'.#/$%.
#!.
var(&new01!!*2(2345
#/!.
ol. View 负责地图的中心点,放大,投影之类的设置。
一个 ol.View 实例包含投影 projection,该投影决定中心 center的坐标系以及分辨率
的单位,如果没有指定(如下面的代码段),默认的投影是球墨卡托(: !),以米
为地图单位。
放大 zoom选项是一种方便的方式来指定地图的分辨率,可用的缩放级别由 maxZoom(默
认值为 )、zoomFactor(默认值为 )、maxResolution(默认由投影在 "#" 像素
瓦片的有效成都来计算) 决定。起始于缩放级别 $,以每像素 maxResolution的单位为分辨率,
后续的缩放级别是通过 zoomFactor 区分之前的缩放级别的分辨率来计算的,直到缩放级别达到
maxZoom。
(!0new01
!*6,7,
8(*
3445
%&
![](https://csdnimg.cn/release/download_crawler_static/10139775/bg5.jpg)
入门教程'
使用 ol.source.Source 子类获取远程数据图层,包含免费的和商业的地图
瓦片服务,如 !!、、9: 资源(; 或 ;")、矢量数据(9<= 格式、
> 格式…)等。
var(&new045
一个图层是资源中数据的可视化显示, 包含三种基本图层类型:
ol.layer.Tile、ol.layer.Image和(ol.layer.Vector。
ol.layer.Tile用于显示瓦片资源,这些瓦片提供了预渲染,并且由特定分别率的缩放
级别组织的瓦片图片网格组成。
ol.layer.Image 用于显示支持渲染服务的图片,这些图片可用于任意范围和分辨率。
ol.layer.Vector 用于显示在客户端渲染的矢量数据。
var(&new"01*(345
($$0(45
总结
上述片段可以合并成一个自包含视图和图层的地图配置:
#$%$&'('!&'$!)*+,))!*-'.#/$%.
#!.
new01
*6
new"01*new0434
7,
%*new01