openlayers自适应视图 (十三)
2020-09-05 14:52
1311 查看
在开发gis应用中,经常碰到需要改变视图来展示某个区域,比如切换每个城市,以前我的方法是通过区划数据计算出中心点和缩放等级设置给视图,如:
let center = [x, y] let zoom = 15 map.getView().setCenter(center) map.getView().setZoom(zoom)
后来我就想,能不能去自适应center和zoom,通过翻官方文档,找到了view中的fit方法,来看一下官方文档的介绍:
fit方法可以传2个参数。
第一个是几何图形或者范围,其实2个都是一个道理,他会取里面的经纬度的最大和最小值,形成一个矩形,这个矩形就是地图展示的范围。
第二个是配置,配置可以设置一些限制和内边距。
举个例子:
我有2个经度,2个纬度,分别是X1、X2、Y1、Y2,通过这4个参数,能够得到一个范围。然后把这个范围给fit方法,代码执行后,视图就会自己适应去显示这个范围了。
如果是一组很多数据,那么只要取出最小和最大经纬度赋值给X1、X2、Y1、Y2。
map.getView().fit([ X1,Y1,X2,Y2 ])
相关文章推荐
- Oracle笔记(十三) 视图、同义词、索引
- Smobiler中通过Scrollable和AutoHeight属性来实现手机上屏幕自适应(开发日志十三)
- ASP.NET MVC 4中如何为不同的浏览器自适应布局和视图
- Android中画廊视图Gallery和ImageSwitcher组件的使用(十三)
- 苹果示例程序--视图自适应
- 十三、oracle 数据字典和动态性能视图
- Iphone开发(十三)用导航控制器实现视图的分层切换(UINavigationController)
- IOS编程教程(十三):如何往表视图(Table View)添加搜索栏(Search Bar)
- 在iOS7中让表视图变成iOS6的圆角矩形与纯汉字文本的cell高度自适应
- 自己定义控件三部曲视图篇(二)——FlowLayout自适应容器实现
- ASP.NET MVC 4中如何为不同的浏览器自适应布局和视图
- [置顶] OpenLayers 3 之 地图视图(View) 详解
- Android应用性能优化系列视图篇——ListView自适应导致的严重性能问题
- CSS3 实现的响应式字体:自适应视图窗口大小的新单位
- Android应用性能优化系列视图篇——ListView自适应导致的严重性能问题
- Oracle笔记(十三) 视图、同义词、索引
- 十三、Qt 2D绘图 之 涂鸦板 双缓冲绘图简介 图形视图框架简介
- 开源中国iOS客户端学习——(十三)使用UIWebView控件布局视图
- CSS3实现的响应式字体:自适应视图窗口大小的新单位
- IOS编程教程(十三):如何往表视图(Table View)添加搜索栏(Search Bar)