React-Native:Google地图仅显示徽标,米色背景和制造商



我试图让Google Maps在React-Native工作,但我只是走得太远:

到目前为止我拥有的东西

我的代码:

    import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';
import MapView from 'react-native-maps';
class Additional extends Component {
render() {
  return (
<View style={styles.container}>
    <MapView style={styles.map}
        region={{
            latitude: 4.895168,
            longitude: 52.370216,
            latitudeDelta: 0.1,
            longitudeDelta: 0.1,
        }}
    >
    <MapView.Marker
        coordinate={{
            latitude: 4.895168,
            longitude: 52.370216
            }}
            title={"titel"}
            description={"descriptie"}
            />
    </MapView>
</View>
  );
      }
}

Additional.navigationOptions = {
  title: 'Second Screen Title',
};

const styles = StyleSheet.create({
  container: {
        flex: 1,
        position: 'absolute',
        top: 0,
        left: 0,
        bottom: 0,
        right: 0,
        justifyContent: 'flex-end',
        alignItems: 'center',
  },
  map: {
      position: 'absolute',
      top: 0,
      left: 0,
      bottom: 0,
      right: 0
  },
});


export default Additional;

我遵循了本教程的API密钥并添加了Google Maps:教程

这是我的第二页,另一页正在使用Weather-Api。但是根据现场直播的说法,没有任何冲突。

有人知道发生了什么事吗?谢谢!

编辑/其他信息:我已经在Google-API网页上激活了我的API。

编辑/其他信息:我的AndroidManifest

我缺少一堆权限:

<permission      android:name="com.shop.shoppinglist.permission.MAPS_RECEIVE" 
 android:protectionLevel="signature"/>
<uses-permission android:name="com.shop.addtask.permission.MAPS_RECEIVE"/>
<uses-permission 
 android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"/>

相关内容

  • 没有找到相关文章

最新更新