如何使用deck.gl缩放到圆弧的边界？

import React from 'react';
import {DeckGL, ArcLayer} from 'deck.gl';

// 地图初始视图和缩放级别
const initialViewState = {
  longitude: -122.45,
  latitude: 37.78,
  zoom: 11,
  pitch: 45,
  bearing: 0
};

// 圆弧的起始点和终点
const arcs = [
  {sourcePosition: [-122.4, 37.7], targetPosition: [-122.45, 37.8]},
  {sourcePosition: [-122.45, 37.8], targetPosition: [-122.5, 37.7]}
];

// 圆弧图层
const arcLayer = new ArcLayer({
  id: 'arc-layer',
  data: arcs,
  getSourcePosition: d => d.sourcePosition,
  getTargetPosition: d => d.targetPosition,
  getSourceColor: [255, 0, 0],
  getTargetColor: [0, 255, 0],
  getWidth: 5
});

// 地图组件
const Map = () => {
  return (
    <DeckGL initialViewState={initialViewState} controller={true} layers={[arcLayer]} />
  );
};

export default Map;