我的网页中有一个100%页面宽度的Google Maps(V3)和一个在中间的标记。当我调整浏览器窗口的宽度时,我希望地图保持居中(响应式)。现在地图只会停留在页面左侧并变小。
更新 感谢duncan的帮助,我已经完全按照描述的方式使其正常工作。这是最终代码:
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);
});
center
不需要是全局的。只要center
(和calculateCenter
)与map
在同一作用域中,那么一切都应该正常工作。当然,如果map
是全局的,那么您也需要修复它 :) - Roamer-1888