Javascript 让我的谷歌地图的宽度响应

我一直在寻找正确的答案，但我找不到

我有一个GoogleMapsAPI，当我把我的浏览器宽度调大时，我会尽力让它响应

在我的javascript中，我有一段与我的HTML DIV交互的代码

  ui.map = new google.maps.Map(document.getElementById("map_canvas"), mapParams);
    ui.bounds = new google.maps.LatLngBounds();

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

我的HTML：

<div id="map_canvas" class="map"></div>

问题是我的谷歌地图保持在450像素。。

---

有人知道为什么我的浏览器宽度变大时，我的谷歌地图没有变大吗？

你需要使css中的

地图画布的
宽度等于100%。这样，它将相对于父容器的宽度进行拉伸。如果在调整浏览器大小时达到了这些限制，它仍将遵循
minwidth
和
maxwidth
属性。
地图画布中有许多div。检查以确保这些div的宽度为100%。您的答案位于以下链接：如何嵌入地图？
@media screen and (min-width: 800px) {
#map_canvas {
margin:0 auto; height:600px; min-width:450px; max-width:750px; float:right;