Question

我的页面中有一张谷歌地图。我用

设置了一个按钮

.slideToggle()

显示/隐藏地图的功能，它就是这样做的。问题是我想默认隐藏地图。如果我在css上使用display：none，那么在切换（显示）地图后，我没有看到我放入的标记。此外，地图区域似乎比其div区域小得多。如果我加载显示地图的页面（display：block），则不会发生这一切。

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

Answer 1

对于在api v3上仍然存在此问题的其他人使用google.maps.event.trigger(your_map_name, 'resize');，它等同于api v2中的checkResize（）方法。

Answer 2

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

function init_maps(){

    // google maps api goes here

}

var init = false;

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

    if(!init){

        init_maps();
        init = true;

    }

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

}

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

2 个答案: