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

debugcn 发表于 Dev

卡洛夫

我正在尝试让 Google 地图在 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 密钥并添加了谷歌地图：教程

这是我的第二页，另一页使用的是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"/>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。