3、openLayer核心组件view

import View from 'ol/View.js';

View对象表示地图的简单二维视图。

var view = new ol.View({
      center: ol.proj.fromLonLat([37.41, 8.82]),
      constrainRotation: 90,
      extent: [73.66, 3.86, 135.05, 53.55] , //中国边界
      zoom: 4
    })
 var map = new ol.Map({
      target: 'map',
      view:view
    })
 

参数

• center ： [x,y]
  表示视图的初始中心，接受一个数组[x,y] ,xy分别表示经度和纬度坐标。可以通过 view.setCenter([x,y]) 改变视图的初始中心

方法一  获取地图对象的视图实例修改中心
map.getView().setCenter([x,y])
方法二  直接在视图实例上修改中心
view.setCenter([x,y])

• constrainRotation : Boolean|Number （默认值true）
  旋转约束。false为未约束，true为未约束但是接近于0。数字限制了旋转到该值的数量。

• enableRotation： Boolean(默认值true)
  启用旋转。如果为false，则使用始终将旋转设置为零的旋转约束。如果enableRotation为false，则constrainRotation选项无效。

• extent ：[minX, minY, maxX, maxY]
  限制视图的范围，换句话说，在地图上不能看到该范围之外的任何东西。

• constrainOnlyCenter：Boolean （默认false）
  如果为true，则范围约束将仅适用于视图中心，而不适用于整个范围。表示entent所约定的范围将会一直在视口中心。

• smoothExtentConstraint：Boolean （默认true）
  如果为true，则将平滑地应用范围约束，即允许视图稍微超出给定范围。

• maxZoom：Number
  用于确定分辨率约束的最大缩放级别。

• minZoom：Number
  用于确定分辨率约束的最小缩放级别。

• multiWorld：Boolean （默认false）
  如果为false，视图将受到约束，因此只有一个世界可见，并且无法平移边。如果为true，则地图可能会以低缩放级别显示多个世界。

• rotation：
  视图的初始旋转（以弧度为单位）（顺时针正旋转，0表示北）。

• resolution
  视图的初始分辨率。单位是每个像素的投影单位（例如，米/像素）。设置此选项的另一种选择是设置缩放。如果既没有定义此也没有定义缩放，则不会提取层源，但可以稍后使用#setZoom或#setResolution设置它们

方法

adjustCenter：将相对坐标添加到视图中心。将应用任何范围约束。
adjustResolution：将视图分辨率乘以一个比率，可以选择使用锚点。将应用任何分辨率约束。
adjustRotation：向视图添加旋转值，可以选择使用定位。将应用任何旋转约束。
adjustZoom：向视图添加缩放级别，可以选择使用定位。将应用任何旋转约束。
animate：向视图添加动画，主要用于设置zoom，center，rotation等值的变化，如view.animate({zoom: view.getZoom() + 1});。
beginInteraction：通知视图交互已启动。
cancelAnimations：取消动画。
calculateExtent：根据传递的尺寸计算地图的范围。
centerOn：以坐标和视图位置为中心。
endInteraction：结束视图交互。
fit：将地图缩放到指定的范围。
getAnimating：判断视图正好在执行动画。
getCenter：获取视图的中心点。
getInteracting：判断地图是否正在交互，比如正在平移、缩放等。
getMaxResolution：获取最大分辨率。
getMaxZoom：获取最大缩放等级。
getMinResolution：获取最小分辨率。
getMinZoom：获取最小缩放等级。
getProjection：获取投影坐标系。
getResolution：获取分辨率。
getResolutionForExtent：根据范围来获取分辨率。
getResolutionForZoom：根据缩放等级来获取分辨率。
getResolutions：获取分辨率。
getRotation：获取当前旋转角度。
getZoom：获取当前缩放级别。
getZoomForResolution：根据分辨率获取缩放等级。
setCenter：设置地图的中心点。
setConstrainResolution：设置分辨率约束。
setMaxZoom：设置最大缩放等级。
setMinZoom：设置最小缩放等级。
setResolution：设置分辨率。
setRotation：设置旋转角度。
setZoom：设置当前缩放等级。