Reactjs 在盖茨比js应用程序@react谷歌地图/api中未定义谷歌
我对gatsby@react google maps/api的npm包有问题,我得到一个google未定义错误。我知道这与盖茨比需要将变量设置为window.google有关,但我不太确定如何使用这个包 这是到目前为止我的代码Reactjs 在盖茨比js应用程序@react谷歌地图/api中未定义谷歌,reactjs,google-maps,gatsby,Reactjs,Google Maps,Gatsby,我对gatsby@react google maps/api的npm包有问题,我得到一个google未定义错误。我知道这与盖茨比需要将变量设置为window.google有关,但我不太确定如何使用这个包 这是到目前为止我的代码 import { LoadScript, GoogleMap } from "@react-google-maps/api" const MapFooter = () => { return ( <> <LoadScript
import { LoadScript, GoogleMap } from "@react-google-maps/api"
const MapFooter = () => {
return (
<>
<LoadScript
googleMapsApiKey="fdsaf"
region="EN"
version="weekly"
/>
<GoogleMap id="ground-example" zoom={13} />
</>
)
}
从“@react google maps/api”导入{LoadScript,GoogleMap}
常量MapFooter=()=>{
返回(
)
}
您好,我遇到了一个问题,白色软件包,我解决了返回以前版本的问题,更准确地说@react google maps/api:“^1.9.4我需要将
组件放入
(我使用的是react 16+GatsbyJs)。演示代码将这两个组件分开放置。我的直觉是,问题在于服务器端渲染。看一看,如果你仍然卡住了,请在你的问题中添加更多的信息(错误详细信息,复制回购)好的,我会试试thanksHi@AndersKitson,我面临同样的问题。你找到解决办法了吗?这里有一个github演示,我正在试图弄清楚如何使用gatsby实现这一点—您的加载脚本不应该是自动关闭的。它应该包裹谷歌地图然后关闭