离子幻灯片和谷歌地图

Question

我正在尝试在动态高度为 100% 的 ion-slide-box 中获取谷歌地图（使用 javascript api）。 但问题是高度始终为 0px 只有当我将高度设置为 px 值或删除幻灯片逻辑时它才有效。例如：

css:

#map {
height: 100%;
}

html:

<ion-slide-box delegate-handle="bottomSlide" show-pager = "false">
        <ion-slide>
            <div id="map" data-tap-disabled="true"></div>
        </ion-slide></ion-slide-box>

有谁知道为什么会发生这种情况或我该如何解决这个问题？

Answer 1

这是因为你的 div#map 的父级可能有 0px 的高度。

你需要找出有罪的人。

也许 CSS 可以解决问题：

.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}