Question

我在我的一个离子应用程序页面中集成了一个谷歌地图，它在所有浏览器和移动平台上运行良好。我用过这个;

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>

我试过这个https://www.doogal.co.uk/FullScreen.php 但我有打字稿错误。实现这一目标的最佳方法是什么？

Ionic - Google地图全屏

0 个答案: