Bootstrap 如何使用JavaScript手动重新加载GoogleMap

klr1opcd  于 2022-12-25  发布在  Bootstrap
关注(0)|答案(3)|浏览(135)

我正在引导模板中使用这段代码。在引导标签内容窗格中加载图像时遇到问题。
这是我用来初始化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!'
});

我还没有找到任何方法(s)在互联网上手动重新加载谷歌Map示例。
这是可能的吗?怎么可能?谢谢!

dwthyt8l

dwthyt8l1#

是的,您可以像这样“刷新”GoogleMap:

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

这基本上是向Map发送一个重绘的信号。

pzfprimi

pzfprimi2#

您可以使用以下命令进行刷新:

map.panBy(0, 0);
d8tt03nd

d8tt03nd3#

map.setZoom(map.getZoom());

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

相关问题