title: Blank map when using MapView in react-native
body: <p>I am attempting to implement <code>MapView</code> component in my react-native app, but when I run the app, all I get is a blank square where the map should be (surrounded by a red border.</p>
  
  <p>I am using <code>genymotion</code> and I have google play services installed.</p>
  
  <p>This is what my component looks like...</p>
  
  <pre><code>class MainMap extends Component {
      constructor() {
      super();
    }
      render(){
          return (
              &lt;View style={styles.container}&gt;
              &lt;MapView
          style={ styles.map }
          initialRegion={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
          }}
        /&gt;
    &lt;/View&gt;
          )
      }
  }
  
  
  const styles = StyleSheet.create({
    container: {
      position: 'absolute',
      top: 0,
      left: 0,
      right: 0,
      bottom: 0,
      justifyContent: 'flex-end',
      alignItems: 'center',
    },
    map: {
      position: 'absolute',
      top: 0,
      left: 0,
      right: 0,
      bottom: 0,
    },
  });
  
  function mapStateToProps(state) {
      return {
          users: state.users
      };
  }
  
  export default connect(mapStateToProps)(MainMap);
  </code></pre>
  
  <p>Why will this not work? Do I have to configure something more in my emulator? I've noticed this is a re-occurring issue for android, but I cannot find a clear solution.</p>