React Native Mapbox v10 iOS 地图答案

【问题标题】：React Native Mapbox v10 iOS mapReact Native Mapbox v10 iOS 地图
【发布时间】：2023-02-23 21:31:51
【问题描述】：

我是 React Native 开发人员，我正在使用 Mapbox 构建穿梭巴士应用程序。我在做我的项目时遇到了一些问题:)

使用相同的代码，我可以在 Android 模拟器上加载 Mapbox 地图，但是我无法在 iOS 上加载地图。我正在使用 React Native Mapbox v10 Github Library 上的示例代码进行测试。我正在使用 Xcode v13、最新版本的 RN、最新版本的 Mapbox RN。谢谢。

import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';
import MapboxGL from '@rnmapbox/maps';

MapboxGL.setAccessToken('<YOUR_ACCESSTOKEN>');

const styles = StyleSheet.create({
  page: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF'
  },
  container: {
    height: 300,
    width: 300,
    backgroundColor: 'tomato'
  },
  map: {
    flex: 1
  }
});

export default class App extends Component {
  render() {
    return (
      <View style={styles.page}>
        <View style={styles.container}>
          <MapboxGL.MapView style={styles.map} />
        </View>
      </View>
    );
  }
}

【问题讨论】：

标签： javascript react-native mapbox mapbox-android mapbox-ios

【解决方案1】：

对我有用的是在我的地图视图中添加一个 'styleURL={MapboxGL.StyleURL.Street}'

像这样的东西

&lt;MapboxGL.MapView styleURL={MapboxGL.StyleURL.Street} style={styles.map} /&gt;

【讨论】：