OnsenUI:Google地图在内部时高度为0<；ons网页>；（仅限Android 2.3/Webkit）

使用OnsenUI时，如果我将Google地图放在ons页面中，我无法使地图具有页面/浏览器的全部高度，尝试了所有操作，但其高度仍然为0（地图根本不显示）。但是如果我把它移到页面外面，它的全宽和全高都能很好地工作。由于模板的结构，我无法将地图移到ons页面之外

这个问题只发生在Android 2.2或2.3中。若你们想在桌面上看到它，你们可以使用Midori浏览器。地图在Firefox和Chrome或Android 4.x的Webkit中显示正常

这是代码笔：codepen.io/tranduyhung/pen/RNNBEQ

我尝试了很多解决方案，但还是没能成功。如果你有什么建议，我真的很感激

---

p/S：如果您需要Midori浏览器，请在此处下载。我使用0.4.3

问题似乎是页面内容div中的div，它是由

ons page

指令生成的，其计算高度为0px。您可以尝试将修改器添加到

ons页面

，以设置此div的自定义样式，如下所示：

HTML:

<ons-page modifier="map">
  <ons-toolbar>
    <div class="center">My App</div>
  </ons-toolbar>
  <div id="map-canvas"></div>
</ons-page>

检查此修改过的笔：

.page--map .page--map__content>div{
  height:100%;
}