如何在agm-map Google地图上显示离子按钮或离子卡?

时间:2019-04-10 12:43:39

标签: angular ionic4

我有一个显示有agm-map的Google地图,我想在上面显示离子按钮和离子卡,但是我做不到。

当我将thr离子按钮或离子卡提要放到agm-map提要中时,它不起作用。我希望它显示在地图中,而不显示在页眉或页脚中。也许它显示在地图后面?那么我怎么知道它以及如何解决呢?

<ion-header>
    <ion-fab vertical="top" horizontal="end" slot="fixed">
        <ion-fab-button menuToggle="right" color="primary" (click)="openMenu()">
          <ion-icon name="person"></ion-icon>
        </ion-fab-button>
      </ion-fab>
</ion-header>

<ion-content>
  <agm-map [latitude]="latitude"
           [longitude]="longitude"
           [zoom]="15"
           [zoomControl]="false"
           [streetViewControl]="false"
           >
    <agm-marker *ngIf="marker"
                [latitude]="marker.latitude"
                [longitude]="marker.longitude">
    </agm-marker>
    <ion-button>TEST</ion-button>
  </agm-map>
  <ion-button>TEST</ion-button>
</ion-content>

“测试”按钮从不显示。

0 个答案:

没有答案