Javascript 谷歌地图API-地图未加载

我一直在尝试在我的网站中嵌入谷歌地图，但没有多大成功。 我使用了下一个代码部分：（我在自己的计算机上使用实际的api键）

函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（-34.397150.644），
缩放：8，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“地图画布”），
地图选项）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

在

部分中，我添加了

我如何处理这个问题？

---

提前感谢

将画布的宽度和高度指定为绝对长度，而不是

%

例如：

<div id="map-canvas" style="width: 300px; height: 400px"></div>

---

如果您不想将尺寸固定为px中的绝对宽度和高度，请确保所有父标记的高度均为100%

例如html->body->some_id->map id

它们的高度和宽度均以%为单位

---

ref:

似乎api键有问题，试着从URL中删除它，正如我在文章中提到的-我有一个api键，只是用“myapikey”替换了它，以便使用chrome开发工具查看是否加载了maps js文件，如果是，则使用调试工具，在map var中设置断点，并确保对象已创建。我们有一个赢家：）谢谢！

<div id="map-canvas" style="width: 300px; height: 400px"></div>

<div style="width:1000px; height:800px;">
    <div id="map-canvas" style="width: 40%; height: 40%"></div>
</div>