Google maps api 3 将google地图添加到页面时出错

我试图在我的表单中添加带有标记的谷歌地图，以帮助用户选择位置，但它在某个地方出错了

如您所见，地图在其所在区域显示不正确。我已经在地图中放置了一个标记，并在那里设置了中心，但该标记的位置不正确，它隐藏在上面地图右上角的初始地图之外，而不是中心

当我点击F12按钮在firefox中启用Firebug时，地图显示正确

以下是创建表单和添加google地图的代码：

index.html文件中的表单：

<div id="map_company" style="float: left; width: 500px;height: 350px;">
 <label style="margin-bottom: 5px;">Chọn vị trí hãng xe trên bản đồ:</label>
 <div id="map_canvas" style="width: 100%; height: 100%; position: relative;"></div>
</div>

---

有人能帮我解决这个问题吗，我甚至不知道如何向谷歌解释。

给你的地图画布一个固定的像素大小，而不是百分比，去掉位置=相对。如果使用百分比，父节点也必须有一个大小，否则没有意义，100%什么

<div id="map_canvas" style="width: 400px; height: 300px;"></div>

---

看起来您使用了选项卡

如果为“是”，则必须在选择带有贴图的选项卡时触发贴图的调整大小事件

<div id="map_canvas" style="width: 400px; height: 300px;"></div>