分数变焦(平滑变焦)在OL3
Fractional zoom (smooth zoom) in OL3
我想将我的Web-Mapping-Application
从OL2
升级到OL3
,现在我被平滑缩放问题阻止了。在OL2
中,我使用了map.fractionalZoom
功能,因为我的应用程序使用单个Tile WMS,并且我有必要通过使用滑块或ZoomBox(在OL3中DragZoom)精确缩放到任何比例。
谁能帮助我,并显示如何获得相同的功能在OL3?
来自德国的感谢和最诚挚的问候
普t .
OpenLayers 3以相反的方式工作:它支持任何开箱即用的小数缩放级别,但它的控件和交互将其设置为整数缩放级别。这意味着您可以通过编程方式设置小数缩放级别:
map.getView().setZoom(9.3);
map.getView().fit(extent, size, {constrainResolution: false});
这也意味着您可以创建不将缩放级别约束为整数的自定义控件和交互。例如,如果您希望将视图与使用ol.interaction.DragBox
创建的范围精确匹配,则您的自定义缩放框交互可能如下所示:
var zoomBox = new ol.interaction.DragBox();
zoomBox.on('boxend', function() {
map.getView().fit(zoomBox.getGeometry(), map.getSize(),
{constrainResolution: false});
});
更新:最近的OpenLayers版本(v3.20.0及以上)在使用滚轮或捏缩放时不再限制缩放级别。
相关文章:
- JavaScript:单击时相对于父级增加变量值
- 如何通过ajax增加/减少PHP变量值并重新加载函数
- 如何在ui路由器angularjs中只更改子ui视图,同时保持父视图不变
- 将数据保存到数据库(ajax/php)后,使文本字段变灰/禁用
- 检测移动变焦&默认移动分辨率
- 传单:如何在变焦后,在变焦开始之前获取纬度液化天然气的像素位置
- 禁用电子变焦(捏缩变焦和智能变焦[mac])
- 锤子假变焦不起作用
- Three.js:OrbitControl与变焦阻尼
- 变焦功能基本完成
- 为什么在IE8的低变焦级别下,onresize不能显示呢?
- 光学变焦禁用
- 分数变焦(平滑变焦)在OL3
- 在人像模式下关闭变焦
- 使用GoJS时增加变焦速度
- 水平变焦与D3版本4
- d3.js变焦的单位是什么?将向量
- D3力定向变焦问题
- svg-pan-变焦不是100%正常工作
- 变焦过渡后,“相机”快速恢复到变焦前的位置