隐藏div中的Google Maps V3

时间:2011-11-16 14:58:02

标签: google-maps-api-3

我已经搜索了这个,似乎我找到的解决方案对我不起作用。

最终目标是有两个标签,一个是谷歌地图v3(默认显示,没有那么远)和一个隐藏的标签,直到被点击。

我可以让标签工作,但谷歌地图没有显示,我已经在选项卡的功能中使用了调整大小和设置中心但仍然无法正常工作。我也有宽度和宽度高度设置为100%(适用于移动设备)。

任何人都可以看看代码并指出我正确的方向,非常感谢!同样,最终目标是在页面加载时显示地图选项卡,然后选项卡在用户单击它们时起作用,显示相应的选项卡。但此时地图选项卡甚至没有显示地图。

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

谢谢!

克里斯

3 个答案:

答案 0 :(得分:1)

不确定这是否是造成问题的原因,但是在“functions.js”的第94行,有一个javascript错误 - 你错过了在“if”条件下打开和关闭parens。

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

答案 1 :(得分:0)

我认为大部分都是。

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

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

更改了您选择的div的css样式,所以现在地图工作正常。

答案 2 :(得分:-2)

当您显示包含地图的标签时,请记住在地图上触发调整大小事件,以便重新计算其大小。

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