我怎样才能让 Google 地图在 div 中只占高度的 50%？ （离子 3，科尔多瓦）
How can I make Google Maps take only 50% of height within a div? (Ionic 3, Cordova)
Ionic 原生 google 地图默认高度应为 100%。
我希望我的 google 地图只占其包含 div（离子含量）的一半。
但是你们知道，如果我将它的高度设置为 50%，地图将不会渲染。
有什么办法解决这个问题吗？
或者我应该制作一个容器 div google 地图并将其高度设置为 50%？
但我发现当我将 google 地图 div 放入另一个 div 时，它不起作用。
谢谢，
你可以这样做：
html:
<div class="mapDiv">
<div id="map_canvas_test" class="map_canvas_test"></div>
</div>
css:
.mapDiv
{
height: 50%;
}
.map_canvas_test
{
height:100%;
}
结果：
我正在使用它来实现在屏幕的上半部分显示地图以及在下半部分显示详细信息。
Ionic 原生 google 地图默认高度应为 100%。
我希望我的 google 地图只占其包含 div（离子含量）的一半。 但是你们知道，如果我将它的高度设置为 50%，地图将不会渲染。
有什么办法解决这个问题吗？
或者我应该制作一个容器 div google 地图并将其高度设置为 50%？ 但我发现当我将 google 地图 div 放入另一个 div 时，它不起作用。
谢谢，
你可以这样做：
html:
<div class="mapDiv">
<div id="map_canvas_test" class="map_canvas_test"></div>
</div>
css:
.mapDiv
{
height: 50%;
}
.map_canvas_test
{
height:100%;
}
结果：
我正在使用它来实现在屏幕的上半部分显示地图以及在下半部分显示详细信息。