反应本机地图与博览会

因此，我试图使本机地图在世博应用程序中工作，并且文档页面显示“在世博应用程序中使用无需设置”

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

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

我有两个关于为什么它不起作用的基本问题：

1. 您将 Google 控制台的 API 密钥放在哪里？
2. 如何让 Google 地图与控制台上的 expo 应用程序配合使用，启用 android sdk？

Usage

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

只需从博览会导入，如下所示：

import { MapView } from 'expo'

并比照常使用它并在反应本机地图的文档 https://github.com/react-native-community/react-native-maps:

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

集成 Api 密钥

如果您使用 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>"
            }
        }
    }
}