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

【问题标题】：How to make agm-map disabled when using angular-google-maps?使用 angular-google-maps 时如何禁用 agm-map？
【发布时间】：2021-05-03 18:57:42
【问题描述】：

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

【问题讨论】：

标签： angular google-maps angular-google-maps agm

【解决方案1】：

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

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

【讨论】：

如果我将该值设置为true，它是否应该禁用地图交互？无论该值是真还是假，我都没有看到它做任何事情。