探秘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 = {
    region: {
      latitude: 40.7128,
      longitude: -74.0060,
      latitudeDelta: 0.1,
      longitudeDelta: 0.1,
    },
  };
 
  render() {
    return (
      <MapboxGL.MapView
        style={{ flex: 1 }}
        onRegionChangeComplete={region => this.setState({ region })}
        region={this.state.region}>
          <MapboxGL.Camera
            zoomLevel={10}
            centerCoordinate={this.state.region}
          />
      </MapboxGL.MapView>
    );
  }
}

这段代码展示了如何在React Native应用中集成Mapbox GL，并创建一个简单的地图视图，其中包含了一个相机组件，用于控制地图的缩放和中心点。在实际使用时，你需要替换your-mapbox-access-token为你的Mapbox访问令牌。