javascript - 在浏览器调整大小(响应式)时将 Google map (V3) 居中

Question

我的页面中有一个 Google map (V3)，页面宽度为 100%，中间有一个标记。当我调整浏览器窗口的宽度时，我希望 map 保持居中(响应)。现在 map 只停留在页面的左侧并且变小了。

更新多亏了邓肯，它才能完全按照描述工作。这是最终代码:

var center;
function calculateCenter() {
  center = map.getCenter();
}
google.maps.event.addDomListener(map, 'idle', function() {
  calculateCenter();
});
google.maps.event.addDomListener(window, 'resize', function() {
  map.setCenter(center);
});

Answer 1

当窗口调整大小时，您需要一个事件监听器。这对我有用(把它放在你的初始化函数中):

google.maps.event.addDomListener(window, 'resize', function() {
    map.setCenter(center);
});