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控制缩放时动画,动画期间使用的缓动功能,将为每个帧调用该函数,其中一个数字表示动画持续时间的一小部分。 });