Question

我有一组标签，其中一个标签包含一个谷歌地图 - 这是使用WordPress（地图标记专业版）中的短代码提供的，问题是当我点击包含提供Google的短代码的标签时Map，Map容器没有地图的内容。

我知道这有什么办法可以解决谷歌地图没有调整大小和宽度为零的问题，我想？因此我尝试了这个......

在CSS中，最初使用display：none隐藏选项卡;我将其更改为标签内容position; absolute;和left: 9999em;，并且在点击标签时，CSS变为left: 0em;，position: relative;。

这不起作用。所以我发现了一些jQuery。

if($(this).attr('href')=='#ert_pane1-2'){
var center = map.getCenter();
google.maps.event.trigger(map, "resize");
map.setCenter(center); }

这应该是在单击选项卡链接时触发地图调整大小，但这不起作用。

这是标签href，它位于<li>标签中，其他标签

<a href="#ert_pane1-2" data-toggle="tab">Map &amp; Directions</a>

我已经放置了上面的jQuery，以及我在网页上找到的其他jQuery函数，但我没有运气。

考虑到谷歌地图是通过插件和短代码提供的，有没有理由说jQuery无法正常工作。

相关网页为here，我们非常感谢您提供任何见解或帮助。

谢谢。

评论代码：

    '<script> 
$(document).ready(function(){
 var center = map.getCenter(); 
if($(this).attr('href')=='#ert_pane1-2')
{ 
google.maps.event.trigger(map, "resize"); 
map.setCenter(center); } 
}
 </script>'

Google地图未在标签内显示

0 个答案: