openlayers自适应视图 (十三)

在开发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
])

在这里插入图片描述

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吴佩佩佩佩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值