使用angular-google-maps时如何禁用agm-map？

问题描述

我在 Angular 7 应用程序中使用 AgmMap。如何在加载数据时使地图禁用、变灰？应用程序在使用标记填充地图之前等待数据，我希望用户知道它正在等待数据，因此用户不会假设他们正在查看的地图部分中没有标记。

是否有我可以使用的简单 disabled 输入/参数？

类似于：[disabled]="mapLoading"？

看起来像这样：

<agm-map #agmMap
    id="map-locater"
    (mapReady)="mapReady($event)"
    [disabled]="mapLoading"
    [streetViewControl]="false"
    [latitude]="lat"
    [longitude]="lng"
    [styles]="styles">

解决方法

您可以使用 [disableDefaultUI]="true" 的属性

您可以使用以下链接进行测试。 https://stackblitz.com/edit/angular-google-maps-demo?file=app%2Fapp.component.html