如何在宽度可变的 div 中居中/对齐 Google 地图

我在 div 中加载了 Google 地图，其宽度为页面的 100%（通过 API）。 叠加层位于中心，地图应如下所示放置。 问题是地图现在左对齐。

我可以使用与页面宽度相对应的 LatLng 移动中心，但这对于一个简单的任务来说似乎需要大量工作。我一直在查看 API 参考，但找不到解决方案。

Maps API (v3) 中有什么方法可以将地图定位/对齐到中心吗？

Edit:

当您在本例中调整浏览器窗口的大小时：

http://econym.org.uk/gmap/example_fullscreen1.htm http://econym.org.uk/gmap/example_fullscreen1.htm

地图与窗口的左上角对齐。

我想要的是在调整大小时地图的中心保持在窗口的中心。

因此，如果窗口变宽 200 像素，地图就会向右移动 100 像素。

通过有两个div，一个在另一个里面，您甚至可以使用百分比将内部居中。
并附加一个事件处理程序以将地图重新​​居中resize event.

HTML

<div id="outerdiv">
    <div id="map_go" />
</div>

JS

$(window).on('resize', function() {
    var currCenter = map.getCenter();
    google.maps.event.trigger(map, 'resize');
    map.setCenter(currCenter);
})

CSS

#outerdiv {width: 90%; height: 90%; position:fixed; text-align:center}
#map_go {width: 70%; height: 100%; margin:0px auto; display:inline-block}

看到它在这里工作：http://jsfiddle.net/RASG/eXCFw/ http://jsfiddle.net/RASG/eXCFw/

使用 Firefox 15 进行测试