实际上,我无法理解问题所在。 我知道最终这是CSS问题。地图正在渲染,我可以通过按Escape键退出全屏模式,但是当我进入全屏模式时,我只会在上方看到白色叠加层和导航栏。
我已尝试删除除agm-map {height:200px; }。但这没有帮助,所以我认为这个问题甚至在空白项目中也是如此。
我知道我可以设置自己的自定义全屏模式,但是我想使用内置功能。</ p>
webkit-
-编辑:
地图在子页面上不起作用。 我正在加载主页。如果我将在其上使用该地图-则它会呈现良好的效果,但是如果我在子页面中使用它,则将以全屏模式显示空白屏幕,这是代码,向您显示如何加载子页面。 / p>
应用程序组件:
<ion-nav [root]="rootPage" #nav></ion-nav>
在这里rootPage = 'Layout'
布局页面:
<app-menu [content]="nav" (tendersList)="onTendersList()"></app-menu>
<ion-header>
<app-header (logoClicked)="onLoad('Tenders')"></app-header>
</ion-header>
<ion-content>
<ion-nav [root]="rootPage"></ion-nav>
</ion-content>
在这里rootPage = 'TenderPage'
(子页面)
投标页面:
<ion-content>
<agm-map [gestureHandling]="'cooperative'" [fullscreenControl]="true"></agm-map>
</ion-content>
通常,我使用子页面,因为我想在某些页面上共享菜单和标题。 (不是全部)。我的第一个登录页面不应包含ment和标题,这就是为什么我没有在AppComponent(主要,应用条目,组件)中实现这一点。
-更新:
我已经找到问题的原因,这是因为离子含量在另一个离子含量之内,但是我仍然必须找到一种解决方案,以从导航栏添加70px填充(高度为70px) 。如果我使用margin-top / top:70px,那么它将页脚减少70px,但是页眉可以。如果我使用padding-top,则它不会影响任何内容,因为所有元素都具有位置:绝对。