2016最新openlayers 3 基础教程.pdfVIP

OpenLayers3 基础教程——OL3 基本概念 从本节开始，我会陆陆续续的更新有关 OL3 的相关文章——OpenLayers3 基础教程，欢迎大家 关注我的博客，同时也希望我的博客能够给大家带来一点帮助。 概述： OpenLayers 3 对 OpenLayers 网络地图库进行了根本的重新设计。版本 2 虽然被广泛使用，但 从 JavaScript 开发的早期发展阶段开始，已日益现实出它的落后。 OL3 已运用现代的设计模式 从底层重写。OpenLayers 3 同时设计了一些主要的新功能，如显示三维地图，或使用WebGL 快 速显示大型矢量数据集，这些功能将在以后的版本中加入。 基本概念： 1、Map OpenLayers 3 的核心部件是Map （ol.Map ）。它被呈现到对象target 容器（例如， 包含在地图的网页上的div 元素）。所有地图的属性可以在构造时进行配置，或者 通过使用setter 方法，如setTarget （）。 1 2 、View ol. View 负责地图的中心点，放大，投影之类的设置。 一个ol.View 实例包含投影projection ，该投影决定中心center 的坐标系以及分辨 率的单位，如果没有指定（如下面的代码段），默认的投影是球墨卡托（EPSG ： 3857 ），以米为地图单位。 放大zoom 选项是一种方便的方式来指定地图的分辨率，可用的缩放级别由 maxZoom （默认值为28 ）、zoomFactor （默认值为2 ）、maxResolution （默认 由投影在256×256 像素瓦片的有效成都来计算） 决定。起始于缩放级别0 ，以每 像素maxResolution 的单位为分辨率，后续的缩放级别是通过zoomFactor 区分之 前的缩放级别的分辨率来计算的，直到缩放级别达到maxZoom 。 3、Source OpenLayers 3 使用ol.source.Source 子类获取远程数据图层，包含免费的和商业的地 图瓦片服务，如OpenStreetMap、Bing 、OGC 资源（WMS 或WMTS ）、矢量数据 （GeoJSON 格式、KML 格式…）等。 4 、Layer 一个图层是资源中数据的可视化显示，OpenLayers 3 包含三种基本图层类型： ol.layer.Tile、ol.layer.Image 和ol.layer.Vector。 2 ol.layer.Tile 用于显示瓦片资源，这些瓦片提供了预渲染，并且由特定分别率的缩 放级别组织的瓦片图片网格组成。 ol.layer.Image 用于显示支持渲染服务的图片，这些图片可用于任意范围和分辨率。 ol.layer.Vector 用于显示在客户端渲染的矢量数据。 总结： 上述片段可以合并成一个自包含视图和图层的地图配置： OpenLayers3 基础教程——加载资源 概述： 本节讲述如何在Ol3 中加载wms 图层并显示到地图中。 Ol3 下载： 你可以在OL 官网去下载，下载地址为/download/ ，也可以去我 的百度云盘下载，下载地址为/s/1o6wwHTo 。官网上的最新版 本为3.6.0，我的网盘的版本为3.0.0，不过官网上的链接好像是失效的。 3 OL3 必须资源引入： OL3 必须引入的资源有两个，一个为样式文件，ol.css ；一个为js 文件，ol.js 。 OL3 加载wms ： 在Ol3 中，可以通过两种方式加载WMS ，一种是ol.layer.Image，其对应的资源 为ol.source.ImageWMS，他它的定义方式为： 一种是ol.layer .Tile ，其对应的资源为ol.source .TileWMS ，它的定义方式为： 显示资源： OL3 中显示资源使用Map 实现的，一个Map 实例包括target ，即地图展示的div 的id； layers，地图要现实的图层集合；view ，包括投影，中心点等信息，定义方式为：