openlayers5之view地图缩放定位
目录
openlayers5之view缩放定位
控制当前地图窗口缩放到指定位置和级别
设置缩放级别和中心点
view.setZoom(2); //级别 view.setCenter(coord);//中心点
缩放到extent,geometry
var geomOrExtent; //geometry或extent
view.fit(geomOrExtent, map. {
size: map.getSize(), //当前图形要缩放到的窗口大小,一般设置为当前地图窗口大小;也可以自己指定[100,100]
padding: [0, 0, 0, 0], //view缩放过去的padding属性,顺序为top right bottom left
constrainResolution: false, //是否约束resolution
nearest: false, //合constrainResolution使用,意思是缩放到的级别是否需要设置为最近的resolution,通过这俩属性来控制,true则自动缩放到最近的res;
minResolution: 0, //最小res maxZoom:0,//最大缩放级别,minResolution如果设置了,这个则会被忽略 duration:1000,//缩放持续时间,默认不需要设置
easing: function() {}, //结合duration控制缩放时动画,动画期间使用的缓动功能,将为每个帧调用该函数,其中一个数字表示动画持续时间的一小部分。
callback: function() {} //缩放完成事件 }); //属性一般只需要设置size即可。
})
animate动画的方式缩放
view.animate({ //只设置需要的属性即可
center: [0, 0], //中心点
zoom: 2, //级别
resolution: 0.1222, //zoom设置了,这个被忽略
rotation: undefined, //缩放完成view视图旋转弧度
anchor: 0, //在旋转或分辨率动画期间保持固定的可选锚点 不需要设置,
duration: 1000, //缩放持续时间,默认不需要设置
easing: function() {}, //结合duration控制缩放时动画,动画期间使用的缓动功能,将为每个帧调用该函数,其中一个数字表示动画持续时间的一小部分。
});