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

Question

我在 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">

Answer 1

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

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