如何使用JavaScript手动重新加载Google Map

Question

我在Bootstrap模板中使用这段代码.在Bootstrap Tab内容窗格中加载图像时遇到问题.

这是我用来初始化Map的JavaScript代码:

var latlng = new google.maps.LatLng(50, 50);

var myOptions = {
    zoom: _zoom,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
    }
};

var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    title: 'Google Office!'
});

我没有在互联网上找到任何方法来手动重新加载Google Map实例.

这可能吗？怎么样？谢谢!

Answer 1

是的,您可以像这样"刷新"Google地图:

google.maps.event.trigger(map, 'resize');

这基本上会向您的地图发送一个信号以重绘它.

希望有所帮助!