Google 除非定义固定高度，否则不会显示地图
Google Maps will not show unless fixed height is defined
我正在使用列布局框架，但似乎无法使用 Google 地图。如果我将 map-canvas 上的高度定义为 100px，则显示正常。但是，我希望它是 6 列高度的 100%，这将不起作用，因为它显然将高度（无论我设置的百分比）设置为 0。
我的密码是：
<div class="col l6">
<div id="map-canvas"></div>
</div>
和 javascript 来自他们网站上的简单示例。
我已经根据他们的文档在 <html> 和 <body> 上将高度设置为 100%，但无论如何它都不起作用。
我的问题是：如何确保显示地图而无需使用特定的 x 像素高度设置 #map-canvas 样式？
我最近在使用Bootstrap UI的时候遇到过这种事情。
我不得不在我的案例中添加这个，看看它是否有帮助...
#map-canvas {
width:100%;
height:calc(100% - 0px);
}
直到最近我一直在与此作斗争，问题是您实际上需要为地图制作一整页（文档 getting started 上的那一页就可以）。然后在您希望它转到的实际页面上将其与 <iframe> 一起使用。然后你只需使用 iframe 宽度和高度。
我正在使用列布局框架，但似乎无法使用 Google 地图。如果我将 map-canvas 上的高度定义为 100px，则显示正常。但是，我希望它是 6 列高度的 100%，这将不起作用，因为它显然将高度（无论我设置的百分比）设置为 0。
我的密码是：
<div class="col l6">
<div id="map-canvas"></div>
</div>
和 javascript 来自他们网站上的简单示例。
我已经根据他们的文档在 <html> 和 <body> 上将高度设置为 100%，但无论如何它都不起作用。
我的问题是：如何确保显示地图而无需使用特定的 x 像素高度设置 #map-canvas 样式？
我最近在使用Bootstrap UI的时候遇到过这种事情。
我不得不在我的案例中添加这个，看看它是否有帮助...
#map-canvas {
width:100%;
height:calc(100% - 0px);
}
直到最近我一直在与此作斗争，问题是您实际上需要为地图制作一整页（文档 getting started 上的那一页就可以）。然后在您希望它转到的实际页面上将其与 <iframe> 一起使用。然后你只需使用 iframe 宽度和高度。