google maps javascript API - 隐藏和显示div时的灰色地图

时间:2017-04-18 05:45:19

标签: javascript jquery google-maps-api-3

我遇到了谷歌地图的问题javascript API返回一个空的灰色框除了谷歌徽标。我可能也会得到UI,但是,如果我没有禁用它。我不能为我的生活弄清楚问题是什么,因为我的测试示例工作正常,但后来我意识到这是因为我在实际项目中隐藏并用jquery显示div。我的解决方法是让它在其他div之后保持活跃,并在我准备好看地图时隐藏它们,但我想知道是否有更好的解决方案。我还不确定为什么完全隐藏div并稍后显示它会导致它变成空白,同时让它一直处于活动状态。

2 个答案:

答案 0 :(得分:1)

尝试

setTimeout(function(){map.invalidateSize()},900);

答案 1 :(得分:0)

尝试使用javascript 'request'函数再次显示/隐藏后重绘地图