Reactjs 对don'作出反应；我不想渲染贴图组件_Reactjs_Google Maps

Reactjs 对don'作出反应；我不想渲染贴图组件

reactjs google-maps

Reactjs 对don'作出反应；我不想渲染贴图组件,reactjs,google-maps,Reactjs,Google Maps,尝试学习React并集成Google Maps API for JS。在App.jsx中，我有路由： <Router> <Switch> <Route exact path="/" component={LandingPage} layout={LandingLayout} /> </Switch> </Router> 在LandingLayout中，我有Semantic UI中的边栏实现，因为我想到处

尝试学习React并集成Google Maps API for JS。在

App.jsx

中，我有路由：

<Router>
    <Switch>
      <Route exact path="/" component={LandingPage} layout={LandingLayout} />
    </Switch>
</Router>

在

LandingLayout

中，我有

Semantic UI

中的边栏实现，因为我想到处显示边栏，所以它就是我的布局。在component

LandingPage

中，我有以下几行代码：

返回
在MapContainer
中，我复制了Google Maps React文档中粘贴的代码：
侧边栏已加载，一切正常，但Google maps不想渲染，我也不知道为什么..
没有看到您的代码，我想这可能只是地图容器的大小，
没有定义为评论中提到的其他大小。如果是另一个问题，请显示更多代码
我会在MapContainer
组件周围添加一个包装器div，宽度为100%；身高：100%样式。在演示中，我还向html，body
添加了一个样式，使其成为整页大小（请参见styles.css
）
它的工作原理如下所示。（由于API键不正确，地图未加载到沙箱中。）
您是否对地图组件进行了样式设置，使其具有尺寸？我使用了相同的npm包，您必须为地图添加高度和宽度。因此，在render中，您需要添加类似以下内容的常量样式={width:'100%'，height:'100vh'，position:'relative'}，然后：添加到根div。我已将其添加到MapContainer