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

How to manually reload Google Map with JavaScript

本文关键字：加载 谷歌地图 新加载 何使用 JavaScript      更新时间：2023-09-26

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

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

这基本上向地图发送了重新绘制的信号。

您可以使用以下内容刷新：

map.panBy(0, 0);

map.setZoom(map.getZoom());

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

相关文章：