隐藏然后切换时谷歌地图问题

Question

我的页面中有一个谷歌地图。 的按钮

.slideToggle()

我设置了一个具有显示/隐藏地图功能 ，它就这样做了。 问题是我想默认隐藏地图。 如果我在 css 上使用 display:none ，那么在切换（显示）地图后， 我没有看到我放入其中的标记。而且，地图面积似乎比其 div 的面积小得多。 如果我加载显示地图的页面（显示：块），所有这一切都不会发生。

如何从隐藏地图开始，并且在切换地图后仍然能够看到它？

Answer 1

对于在 api v3 上仍然遇到此问题的其他人，请使用 google.maps.event.trigger(your_map_name, 'resize');，该方法相当于 api v2 中的 checkResize() 方法。

Answer 2

你的谷歌地图初始化应该在一个函数中，如果不确定的话。
然后，您只能在切换地图后初始化地图，这也将确保如果用户不希望看到它，它就不会被加载。

function init_maps(){

    // google maps api goes here

}

var init = false;

$('.show_map').click(){

    if(!init){

        init_maps();
        init = true;

    }

    $('.map').slideToggle();

}