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