Google在Gatsby js应用程序中没有定义@react-google-maps/api

Question

我遇到了盖茨比的这个npm包的问题@react-google-maps/api我得到一个谷歌未定义的错误。我知道这与盖茨比需要将变量设置为 window.google 有关，但我不太确定如何使用这个包来做到这一点。

这是我到目前为止的代码

import { LoadScript, GoogleMap } from "@react-google-maps/api"
const MapFooter = () => {
return (
<>
<LoadScript
googleMapsApiKey="fdsaf"
region="EN"
version="weekly"
/>
<GoogleMap id="ground-example" zoom={13} />
</>
)
}

Answer 1

您好，我遇到了一个问题白色包，我解决了更精确地返回以前的版本@react-google-maps/api"："^1.9.4

Answer 2

我需要<GoogleMap></GoogleMap>组件放在<LoadScript></LoadScript>内(我使用的是React 16 + GatsbyJs(。演示代码将这两个组件分开放置。