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的效果。

加油吧,骚年们!!!

你可能感兴趣的:(mapbox,flyTo,fitBounds,定位到某点,mapbox)