用expo react native 贴图

Question

因此，我试图使 native map 在EXPO应用程序中工作，文档页面显示“在EXPO应用程序中无需使用设置”

https://docs.expo.io/versions/latest/sdk/map-view/?redirected

但是在用expo安装库之后，它不起作用。

关于它为什么不起作用，我有2个基本问题:

您将Google控制台中的API key 放在哪里？

如何通过控制台上的expo应用程序启用Google Maps，并启用android sdk？

Answer 1

用法

您可以只从expo导入MapView，因为expo中包含react-native-maps。 (如果您使用expo并且没有弹出您的应用程序，则没有任何集成或链接步骤。我想文档对此不是很清楚...)

像这样从expo导入:

import { MapView } from 'expo'

而不是像往常一样使用它，并在 documentation of react-native-maps中进行了描述:

<MapView
    initialRegion={{
      latitude: 37.78825,
      longitude: -122.4324,
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421,
    }}
  />

Api key 的集成

如果您使用expo，则来自Google Play控制台的api键属于app.json的android和ios部分。

将此添加到您的app.json> android.config中:

"googleMaps": { "apiKey": "<android maps api key>" }

并将其发送到您的app.json> ios.config:

"googleMapsApiKey": "<ios maps api key>"

您的app.json最后应包含这样的内容(以及通常包含在其中的所有其他内容):

{
    "expo": {
        "android": {
            "package": "com.company",
            "config": {
                "googleMaps": {
                    "apiKey": "<android maps key>"
                }
            }
        },
        "ios": {
            "bundleIdentifier": "com.company",
            "config": {
                "googleMapsApiKey": "<ios maps api key>"
            }
        }
    }
}