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地图实例的方法。

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

Answer 1

是的，您可以像这样“刷新”Google地图：

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

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

希望有所帮助！

Answer 2

您可以通过以下方式刷新：

map.panBy(0, 0);

Answer 3

map.setZoom(map.getZoom());

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

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

3 个答案: