推荐使用：React Native Mapbox GL地图组件

import React from 'react';
import MapboxGL from '@react-native-mapbox-gl/maps';
 
MapboxGL.setAccessToken('YOUR_MAPBOX_ACCESS_TOKEN');
 
export default class MapView extends React.Component {
  state = {
    visible: true,
  };
 
  render() {
    const { visible } = this.state;
 
    return (
      <MapboxGL.MapView style={{ flex: 1 }}>
        {visible && (
          <MapboxGL.Camera
            zoomLevel={16}
            centerCoordinate={[this.props.longitude, this.props.latitude]}
          />
        )}
      </MapboxGL.MapView>
    );
  }
}

在这个代码实例中，我们首先导入了React和Mapbox GL的React Native组件。然后，我们通过MapboxGL.setAccessToken设置了Mapbox的访问令牌。在MapView组件中，我们使用了一个条件渲染表达式来渲染Camera组件，这个组件用于控制地图的视角。最后，我们通过style属性为地图设置了flex布局，并设置了初始的经纬度和缩放级别。这个例子展示了如何在React Native应用程序中集成Mapbox GL地图组件。