mapbox中定位到某个具体点,论fitBounds与flyTo的区别

1、用法

this.map = new mapboxgl.Map({
  container: this.$refs.basicMapbox,
  style: this.mapStyle,
  center: [116.67014887634832, 34.63229347905002],
  zoom: 12,
  bearing: 0,
  pitch: 45
})

// fitBounds
this.map.fitBounds([ [116.6, 34.6], [116.6, 34.6]]) // 这两组坐标其实是指的是区域的东南角的点和西北角的点。写一个值就是定到一个点

// flyTo
this.map.flyTo({
  center: [116.6, 34.6], // 中心点
  zoom: 16.5, // 缩放比例
  pitch: 45 // 倾斜度
})

2、区别
fitBounds确实可以做到定位到一个点,但是缩放比例和地图倾斜度是不可控的。

flyTo则是可以具体到某个点,而不是某个区域。并且根据具体需求控制缩放比例和倾斜程度。

这里简明的说了下,具体的大家还是多学习mapbox的官方文档,结合实践就会学到很多东西,做出比较6的效果。

加油吧,骚年们!!!

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值