所以我们有一个reactjs应用程序，建立在rails api上，我们使用google地图，用reactjs渲染，但是出于某种原因，如果你访问https://justbooked-staging.herokuapp.com/listings?q=tacos&location=16%20Aladdin%20Crescent,%20Richmond%20Hill,%20ON,%20Canada&lat=43.8986289&lng=-79.448373并点击＆＃34; Map View＆＃ 34;你会在谷歌地图下看到一些灰色。
修改 - 已附加图片，example
我们想解决这个问题，但很难找到解决方案。
地图容器是由css设置的，但地图渲染不是...... javascript渲染地图..这是因为更改标签（列表视图和地图视图）就像标签。
话虽如此，我不认为设置地图容器会解决问题。我注意到，如果您向上或向下滚动页面，则地图会正确显示整个空间
有什么想法吗？它已经让我们退了几天！
谢谢！
答案 0 :(得分：0)
切换到标签后以及加载地图后使用google.maps.event.trigger(map, "resize");。
当地图呈现在不可见的<div>中时会出现问题，然后变得很时髦。
