Question

所以我在同一个网页上有两张谷歌地图。该页面由许多隐藏并使用jQuery显示的div组成：

$('a#FibreTrigger').click(function () {
    clearTabs();

    $('#FibreTab').show();
    $('a#FibreTrigger').addClass('active');
    google.maps.event.trigger(fibreMap, 'resize');
    return false;
});

//hide all of the tabs
function clearTabs() {
    $('#OptusTab').hide();
    etc.

    $('a#OptusTrigger').removeClass('active');
    etc.
}

（调整大小触发器用于在某些情况下地图无法正确显示）如果我将两个地图设置为可见，然后加载地图，那么一切都很好，地图的工作方式完全符合预期。

但是，如果其中一个地图在加载时被隐藏，我会遇到一个奇怪的问题。地图显示，图层，标记等在地图上，但地图的中心应位于左上角。

这不是一个大问题，但我想知道我做错了什么，或者这对我正在做的事情是不可避免的问题？

Answer 1

我几天前遇到了同样的问题，这是因为你在加载地图之前加载图层和标记，首先加载地图，然后创建标记和图层。

Answer 2

在你的'body'标签上我猜你有某种initialize（）或load（）函数？您是否尝试过，而不是在页面加载时调用此函数，在显示带有映射的div时调用它？

谷歌地图不以地图为中心？

2 个答案: