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

加油吧,騷年們!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章