openlayers自适应视图 (十三)

刺骨的言语ヽ痛彻心扉 2022-12-04 02:25 355阅读 0赞

在开发gis应用中，经常碰到需要改变视图来展示某个区域，比如切换每个城市，以前我的方法是通过区划数据计算出中心点和缩放等级设置给视图，如：

let center = [x, y]
    let zoom = 15
    map.getView().setCenter(center)
    map.getView().setZoom(zoom)

后来我就想，能不能去自适应center和zoom，通过翻官方文档，找到了view中的fit方法，来看一下官方文档的介绍：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3Nzk3NDEw_size_16_color_FFFFFF_t_70_pic_center]  
fit方法可以传2个参数。  
第一个是几何图形或者范围，其实2个都是一个道理，他会取里面的经纬度的最大和最小值，形成一个矩形，这个矩形就是地图展示的范围。  
第二个是配置，配置可以设置一些限制和内边距。

举个例子：  
我有2个经度，2个纬度，分别是X1、X2、Y1、Y2，通过这4个参数，能够得到一个范围。然后把这个范围给fit方法，代码执行后，视图就会自己适应去显示这个范围了。  
如果是一组很多数据，那么只要取出最小和最大经纬度赋值给X1、X2、Y1、Y2。

map.getView().fit([
    	X1,Y1,X2,Y2
    ])

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3Nzk3NDEw_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3Nzk3NDEw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/4239603f45f049fe90778011cee74ae0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3Nzk3NDEw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/0b524aa57e0a414f97be1c96f7af9d96.png