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



													

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

CAPTCHAis initialing...