Javascript 爱奥尼亚-谷歌地图全屏

我在我的一个爱奥尼亚应用程序页面中集成了谷歌地图，它在所有浏览器和移动平台上都运行良好。我用了这个,

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151},
    zoomControl: false,
    fullscreenControl: true
  });
}

但它在几乎大多数平台上都不起作用

这是我的.html

<ion-header *ngIf="FullScreen">
    <ion-navbar class="navbar">
        <ion-grid no-padding>
            <ion-row align-items-center class="navbarSection">
                <ion-col col-4 class="menuSection">
                    <button tappable ion-button menuToggle>
                        <ion-icon name="menu"></ion-icon>
                        <div>
                            Menu
                        </div>
                    </button>
                </ion-col>
                <ion-col col-4 class="titleSection">
                    <ion-title>
                        <h5>Customers</h5>
                    </ion-title>
                </ion-col>
                <ion-col col-4 class="buttonsSection">
                    <ion-buttons>
                        <button ion-button icon-left (click)="CreateCustomer()">
                            <ion-icon name="contact"></ion-icon>
                            New Customer
                        </button>
                    </ion-buttons>
                </ion-col>
            </ion-row>
            <ion-row align-items-center>

            </ion-row>
        </ion-grid>
    </ion-navbar>
</ion-header>
<ion-content class="backcolor-pagegray">    
    <div [hidden]="!MapView" #map id="map"></div>
</ion-content>

菜单
客户
新客户

我试着做这个 但我有打字错误。

---

实现这一点的最佳方法是什么？

你能准确地输入html代码或图片吗？我在其中一个页面上有一张地图，除了标题菜单部分外，它占据了80%的屏幕。我想要类似的东西。。但是typescript有一些问题（出现了HtmlLevel错误）。我可以在谷歌地图上设置自定义按钮，并在我的页面（标题）上显示隐藏元素，但我也不能这样做。如果你能帮我，我会很感激我更新了HTMLID你找到了什么解决方案吗？我创建了新的爱奥尼亚网页，只有地图。我将高度和宽度设置为100%。基本上在手机上，它看起来像是全屏的。但在浏览器上，您仍然可以看到上面的选项卡。我在地图上添加了一个自定义按钮，当你点击它时，我重定向到ionic页面，并将位置作为数据传递。你能准确地输入html代码或图片吗？我在其中一个页面上有一个地图，除了标题菜单部分外，它占据了大约80%的屏幕。我想要类似的东西。。但是typescript有一些问题（出现了HtmlLevel错误）。我可以在谷歌地图上设置自定义按钮，并在我的页面（标题）上显示隐藏元素，但我也不能这样做。如果你能帮我，我会很感激我更新了HTMLID你找到了什么解决方案吗？我创建了新的爱奥尼亚网页，只有地图。我将高度和宽度设置为100%。基本上在手机上，它看起来像是全屏的。但在浏览器上，您仍然可以看到上面的选项卡。我在地图上添加了一个自定义按钮，当你点击它时，我重定向到ionic页面并将位置作为数据传递。