MapView airbnb ReactNative no visual

Question

使用 https://github.com/airbnb/react-native-maps 时有什么想法我得到了一个地图网格但没有视觉效果？我按照滴注说明进行操作，在谷歌上找不到任何像我这样的错误。这是我在灌输过程后有效的代码。工作原理，因为它只显示网格没有地图

import MapView from 'react-native-maps';
import React, { Component } from 'react';
import {
  View,
  StyleSheet
} from 'react-native';
const styles = StyleSheet.create({
  container: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,

  },
  map: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
  },
});
class Navigatord extends Component {
  constructor() {
    super();
  }
  render() {
    return (
      <View style={styles.container}>
      <MapView
        style={ styles.map }
        initialRegion={{
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        }}
      /></View>
    );
  }
}
export default Navigatord;

Answer 1

首先，您应该按照此说明[https://github.com/airbnb/react-native-maps/blob/master/docs/installation.md][1]检查所有步骤。

如果您使用真实设备的模拟器（如Genymotion），请确保您已安装Google Play支持。

检查您的设备上是否启用了互联网（GPS/Wifi/数据）。

不要忘记为地图样式添加宽度和高度。

const styles = StyleSheet.create({ container: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }, map: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, width: 200, height: 200 }, });