Google maps api 3 隐藏div中的谷歌地图V3

Google maps api 3 隐藏div中的谷歌地图V3,google-maps-api-3,Google Maps Api 3,我一直在寻找这个问题,似乎我找到的解决方案对我不起作用 最终的目标是有两个标签,一个是谷歌地图v3(默认情况下显示,还没有到那个程度),另一个是隐藏的,直到点击 我可以让标签工作,但谷歌地图没有显示,我使用了调整大小和设置中心功能的标签,但仍然不工作。我还将宽度和高度设置为100%(对于移动设备) 任何人都可以看看代码,并指出正确的方向,我将不胜感激!同样,最终目标是在页面加载时显示“地图”选项卡,然后当用户单击这些选项卡时,这些选项卡就会工作,并显示相应的选项卡。但此时“地图”选项卡甚至不显示

我一直在寻找这个问题,似乎我找到的解决方案对我不起作用

最终的目标是有两个标签,一个是谷歌地图v3(默认情况下显示,还没有到那个程度),另一个是隐藏的,直到点击

我可以让标签工作,但谷歌地图没有显示,我使用了调整大小和设置中心功能的标签,但仍然不工作。我还将宽度和高度设置为100%(对于移动设备)

任何人都可以看看代码,并指出正确的方向,我将不胜感激!同样,最终目标是在页面加载时显示“地图”选项卡,然后当用户单击这些选项卡时,这些选项卡就会工作,并显示相应的选项卡。但此时“地图”选项卡甚至不显示地图

我的代码可以在上看到

谢谢


Chris不确定这是否是导致问题的原因,但在“functions.js”的第94行中,出现了一个javascript错误——您缺少围绕“if”条件的打开和关闭参数


我现在没有办法测试它,但值得一试。

当显示包含贴图的选项卡时,请记住触发贴图上的调整大小事件,以便它可以重新计算其大小

google.maps.event.trigger(map, 'resize');

我把大部分都弄明白了

除了代码中已有的地图调整大小功能外,我还将其添加到了tab函数中:

$('div#' + $(this).attr('data-href')).css('{display:block;width:100%;height:100%;}');
这会更改您正在选择的div的css样式,因此现在映射工作正常