谷歌地图V3在隐藏div

Question

我已经搜索了这个，似乎我找到的解决方案并不适合我。

最终目标是拥有两个选项卡，一个选择谷歌地图v3（默认情况下显示，没有得到那么多）和一个选项卡，直到点击才会隐藏。

我可以得到的标签工作，但谷歌地图不显示，我已经使用调整大小和设置中心在标签的功能，但仍然无法正常工作。我还将宽度&高度设置为100％（适用于移动设备）。

任何人都可以看看代码并指向正确的方向，这将是非常感谢！同样，最终目标是让地图标签显示在页面加载中，然后标签在用户点击它们时显示相应的标签。但在这一点上，地图选项卡甚至不显示地图。

我的代码可以在http://m.lewis-realty.net/map/test2.php?gps_lat=34.43640541614963&gps_lng=-77.5616387038574看到。

谢谢！

克里斯

Answer 1

不知道这是什么导致了问题，但“functions.js”的94行，有一个JavaScript错误 - 你错过了开闭围绕“如果”括号条件。

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

Answer 2

当您显示包含地图的选项卡时，请记得在地图上触发resize事件，以便它可以重新计算其大小。

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

Answer 3

我想到了它的大部分。

随着地图调整大小，这是已经在我的代码，我已将此添加标签功能：

$('div#' + $(this).attr('data-href')).css('{display:block;width:100%;height:100%;}'); 

这样，为您所选择的DIV CSS样式，所以现在的地图工作正常。