Javascript 谷歌地图在标签系统中调整大小并居中

Javascript 谷歌地图在标签系统中调整大小并居中,javascript,jquery,google-maps,Javascript,Jquery,Google Maps,我目前正在一个隐藏标签系统中使用谷歌地图。一切正常,除了地图似乎偏离中心,我必须滚动找到我的标记 我已经设法加载了完整的地图,与以前一样,由于隐藏属性,只有地图的一部分是可见的 我使用了下面的脚本,但在尝试使用.getCenter集中地图时,我收到一个Javascrip错误“Object”没有方法“getCenter” <script type="text/javascript"> $(document).ready(function(){ $('#hotel-lis

我目前正在一个隐藏标签系统中使用谷歌地图。一切正常,除了地图似乎偏离中心,我必须滚动找到我的标记

我已经设法加载了完整的地图,与以前一样,由于隐藏属性,只有地图的一部分是可见的

我使用了下面的脚本,但在尝试使用.getCenter集中地图时,我收到一个Javascrip错误“Object”没有方法“getCenter”

<script type="text/javascript">
    $(document).ready(function(){
    $('#hotel-listing .option').hide();
    $('#hotel-listing .option:first').show();
    $('#hotel-listing nav ul li a:first').addClass('active');
    $('#hotel-listing nav ul li a').click(function(){ 
    $('#hotel-listing nav ul li a').removeClass('active');
    $(this).addClass('active');
    var currentTab = $(this).attr('href');
    $('#hotel-listing .option').hide();
    $(currentTab).show();
 var currCenter = map.getCenter();
 google.maps.event.trigger(map, 'resize');
 map.setCenter(currCenter);
    return false;
    }); 
    });
</script> 

$(文档).ready(函数(){
$('#hotel listing.option').hide();
$('#hotel listing.option:first').show();
$(“#酒店列表nav ul li a:first”).addClass(“活动”);
$(“#酒店列表nav ul li a”)。单击(函数(){
$(“#酒店挂牌nav ul li a”).removeClass('active');
$(this.addClass('active');
var currentTab=$(this.attr('href');
$('#hotel listing.option').hide();
$(currentTab).show();
var currCenter=map.getCenter();
google.maps.event.trigger(映射,'resize');
地图设置中心(currCenter);
返回false;
}); 
});
感谢您的帮助


谢谢

您可能已经将
map
定义为map初始化函数中的
var
,并且由于作用域的原因无法访问它


如果定义
var映射
作为一个全局变量,然后在map初始化函数中remove
var
您的代码可能会正常工作。在没有看到地图构造器代码是如何设置的情况下,这仍然只是一个猜测,但根据大多数google maps示例,一个经过良好教育的猜测

您可能已经将
map
定义为地图初始化函数中的
var
,并且由于范围的原因无法访问它

如果定义
var映射
作为一个全局变量,然后在map初始化函数中remove
var
您的代码可能会正常工作。在没有看到地图构造器代码是如何设置的情况下,这仍然只是一个猜测,但基于大多数谷歌地图示例,这是一个很好的猜测