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的效果。
加油吧,骚年们!!!