在React Native中使用地图绘制视图

npm install react-native-maps --save

npm install @react-native-mapbox-gl/maps --save

import MapView from 'react-native-maps';

import MapboxGL from '@react-native-mapbox-gl/maps';

import React from 'react';
import { View } from 'react-native';
import MapView from 'react-native-maps';

const MapScreen = () => {
  return (
    <View style={{ flex: 1 }}>
      <MapView
        style={{ flex: 1 }}
        initialRegion={{
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        }}
      />
    </View>
  );
};

export default MapScreen;

import React from 'react';
import { View } from 'react-native';
import MapboxGL from '@react-native-mapbox-gl/maps';

MapboxGL.setAccessToken('YOUR_MAPBOX_ACCESS_TOKEN');

const MapScreen = () => {
  return (
    <View style={{ flex: 1 }}>
      <MapboxGL.MapView
        style={{ flex: 1 }}
        zoomLevel={12}
        centerCoordinate={[37.78825, -122.4324]}
      />
    </View>
  );
};

export default MapScreen;