定位缩放方法简述

地图开发中,定位缩放是常见功能。在leaflet中定位缩放一般有两种方式

1 设置中心点和缩放层级

map.setView(<LatLng> center, <Number> zoom)

2 将地图的视图设置在给定的矩形地理范围内,地图会自动计算最大缩放级别和中心点。

map.fitBounds(<LatLngBounds> bounds, <fitBounds options> options?)

两种方式对应不同的数据:

当定位缩放点数据时,适用第一种方式

当定位缩放线和面数据时,手撕代码去计算中心麻烦,就算知道中心点也不能设置合适的缩放层级,所以使用第二种方法

获取图形的外接矩形主要以下几种方式

1 通过L.latLngBounds()

2 通过getBounds()方法,FeatureGroup、Circle、Polygon、Polyline、ImageOverlay这些类和他们的继承类(GeoJSON)都有getBounds方法

// 以FeatureGroup举例
let featureGroup = L.featureGroup(<Layer[]> layers?, <Object> options?)
map.fitBounds(featureGroup.getBounds())
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值