javascript - 如何使用 JavaScript 手动重新加载谷歌地图

Question

我在 Bootstrap 模板中使用这段代码。在引导选项卡内容窗格中加载图像时遇到问题。

这是我用来初始化地图的 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.maps.event.trigger(map, 'resize');

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

希望有帮助！

Answer 2

你可以用这个刷新：

map.panBy(0, 0);

Answer 3

map.setZoom(map.getZoom());

由于某些原因，resize触发器对我不起作用，而这个起作用了。