OpenLayers3入门教程VIP免费

OpenLay ers 3 入门教程 Derect By : 黄进 OpenLayers 3 入门教程 | 1 摘要 OpenLayers 3对 OpenLayers 网络地图库进行了根本的重新设计。版本 2 虽然被广泛使用，但从 JavaScript 开发的早期发展阶段开始，已日益现实出它的落后。 OL3已运用现代的设计模式从底层重写。 最初的版本旨在支持第 2 版提供的功能，提供大量商业或免费的瓦片资源以及最流行的开源矢量数据格式。与版本 2 一样，数据可以被任意投影。最初的版本还增加了一些额外的功能，如能够方便地旋转地图以及显示地图动画。 OpenLayers 3同时设计了一些主要的新功能，如显示三维地图，或使用 WebGL 快速显示大型矢量数据集，这些功能将在以后的版本中加入。 OpenLayers 3 入门教程 | 2 目录 基本概念 4 Map 4 View 4 Source 5 Layer 5 总结 6 Openlayers 3 实践 7 1 地图显示 7 1.1 创建一副地图 7 1.2 剖析你的地图 8 1.3 Openlayers 的资源 11 2 图层与资源 12 2.1 网络地图服务图层 12 2.2 瓦片缓存 14 2.3 专有栅格图层（Bing） 18 2.4 矢量图层 20 2 .5 矢量影像 23 3 控件与交互 24 3.1 显示比例尺 24 3.2 选择要素 26 3.3 绘制要素 29 OpenLayers 3 入门教程 | 3 3 .4 修改要素 3 1 4 矢量样式 3 3 4 .1 矢量图层格式 3 3 4 .2 矢量图层样式 3 5 4 .3 设置矢量图层的样式 3 8 OpenLayers 3 入门教程 | 4 基本概念 Map OpenLayers 3的核心部件是 Map（ol.Map）。它被呈现到对象 target 容器（例如，包含在地图的网页上的 div 元素）。所有地图的属性可以在构造时进行配置，或者通过使用 setter 方法，如 setTarget（）。 View ol. View 负责地图的中心点，放大，投影之类的设置。 Map Layer View Source OpenLayers 3 入门教程 | 5 一个 ol.View 实例包含投影 projection，该投影决定中心 center 的坐标系以及分辨率的单位，如果没有指定（如下面的代码段），默认的投影是球墨卡托（EPSG：3857），以米为地图单位。 放大 zoom 选项是一种方便的方式来指定地图的分辨率，可用的缩放级别由 maxZoom （默认值为 28）、zoomFactor （默认值为 2）、maxResolutio...