还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。
| No. | 内容链接 |
|---|---|
| 1 | Openlayers 【入门教程】 - 【源代码+示例300+】 |
| 2 | Leaflet 【入门教程】 - 【源代码+图文示例 150+】 |
| 3 | Cesium 【入门教程】 - 【源代码+图文示例200+】 |
| 4 | MapboxGL【入门教程】 - 【源代码+图文示例150+】 |
| 5 | 前端就业宝典 【面试题+详细答案 1000+】 |
文章目录
view表示地图的简单 2D 视图。可以用来控制地图在容器中移动，还可以更改地图的中心，分辨率，旋转等。主要会用到两种projection：球面墨卡托 (EPSG:3857)和wgs84（EPSG:4326）[ 查看两者的概念和区别]
view 核心API
view 属性参数
center视图的初始中心。zoom仅在resolution未定义时使用。缩放级别用于计算视图的初始分辨率。projection投射方式，默认为EPSG:3857extent限制视图的范围。值表示范围的数字数组：[minx, miny, maxx, maxy]。- constrainRotation 旋转约束。 false意味着没有约束。true意味着没有约束，但在零附近捕捉到零。数字将旋转限制为该数量的值，就是设置90只能旋转90度。
- enableRotation 是否启用旋转。
- constrainOnlyCenter 如果为true，则范围约束将仅适用于视图中心而不是整个范围。
- smoothExtentConstraint 如果为true，范围约束将被平滑地应用，即允许视图稍微超出给定的extent。
- maxResolution 用于确定分辨率约束的最大分辨率。
- minResolution 用于确定分辨率约束的最小分辨率。
- maxZoom 用于确定分辨率约束的最大缩放级别。
- minZoom 用于确定分辨率约束的最小缩放级别。
- constrainResolution 如果为 true，则视图将始终在交互后以最接近的缩放级别进行动画处理；false 表示允许中间缩放级别。
- resolutions决定缩放级别的分辨率。
- rotation 以弧度为单位的视图初始旋转（顺时针旋转，0 表示北）。
view 常见方法
setCenter设置当前视图的中心。任何范围限制都将适用。setZoom缩放到特定的缩放级别。任何分辨率限制都将适用。getCenter获取视图中心，返回一个地图中心的坐标。getZoom获取当前的缩放级别。如果视图不限制分辨率，或者正在进行交互或动画，则此方法可能返回非整数缩放级别。getMaxZoom获取视图的最大缩放级别。getMinZoom获取视图的最小缩放级别。getProjection获取地图使用的”投影坐标系统”，如EPSG:4326；getMaxResolution获取视图的最大分辨率。getMinResolution获取视图的最低分辨率getRotation获取视图旋转。getZoomForResolution获取分辨率的缩放级别。setConstrainResolution设置视图是否应允许中间缩放级别。setMaxZoom为视图设置新的最大缩放级别。setMinZoom为视图设置新的最小缩放级别。setRotation设置该视图的旋转角度。任何旋转约束都将适用。
view 常见使用示例
1 zoom 示例
2 resolution 示例
3 extent 示例
示例：set extent 和 fit extent功能展示
4 center 示例
示例： 获取地图的中心点经纬度信息
5 projection 示例
示例： 非4326,3857的投影方法
6 rotation 示例
示例：设置地图左右旋转功能
五、Openlayers 入门教程 -系列文章列表
- openlayers 入门教程（一）：应该如何学习openlayers
- openlayers 入门教程（二）：Map 篇
- openlayers 入门教程（三）：View 篇
- openlayers 入门教程（四）：Layers 篇
- openlayers 入门教程（五）：Sources 篇
- openlayers 入门教程（六）：Controls篇
- openlayers 入门教程（七）：Interactions篇
- openlayers 入门教程（八）：Geom 篇
- openlayers 入门教程（九）：Overlay 篇
- openlayers 入门教程（十）：Style 篇
- openlayers 入门教程（十一）：Formats篇
- openlayers 入门教程（十二）：定位与轨迹
- openlayers 入门教程（十三）：动画
- openlayers 入门教程（十四）：第三方插件
- openlayers 入门教程（十五）：与 canvas、echart，turf 等交互