Question

我正在使用ACF's Google Map在我的网页上加载地图。我几乎完全复制了所有内容，并稍微修改了地图js，并在其上添加了更多选项以用于样式设置。我必须主要更改此部分才能加载地图：

$('a[href="#directions"]').on('shown.bs.tab',function(){
        $('.hotel-map').each(function(){
            // create map
            map = new_map( $(this) );
            google.maps.event.trigger(map, 'resize');
        });
    });

使用他们的doc准备工作无效，地图将显示为灰色框。上面的代码更改会生成一个地图，但是，一旦我点击另一个标签然后返回到保存地图的标签，经度和纬度似乎就会消失。它会加载一个离开的地图。

这是完整的js code。

修改这就是我将代码更新为：

$(document).ready(function(){

        $('.hotel-map').each(function(){
            // create map
            map = new_map( $(this) );
        });

    });

    $('a[href="#directions"]').on('shown.bs.tab',function(){
        // popup is shown and map is not visible
        google.maps.event.trigger(map, 'resize');
        center_map( map );
    });

Answer 1

触发地图后调整大小调用center_map（map）;函数（在您链接的代码中），它将地图置于您的标记中心。

谷歌地图在Bootstrap选项卡式界面中失去了长/纬

1 个答案: