自https://github.com/SebastianM/angular-google-maps/的AGM v3.0.0-beta（一个受欢迎的回购版本）问世以来，我很困惑如何使用此库添加图例或MapControl（最好是图例）。

到目前为止，我已经尝试过“扩展” AgmMapControl的基类，但是我不知道如何设置HTML或如何通过Angular使用它。

这是我的地图：

<agm-map *ngIf="activitiesMapData.length > 0"
             [mapTypeId]="user && user.settings ? user.settings.mapSettings.mapType : 'roadmap'"
             (mapTypeIdChange)="changeMapType($event)"
             [gestureHandling]="'cooperative'"
             [scrollwheel]="null"
             [tilt]="45"
             [controlSize]="32"
             [disableDefaultUI]="true"
             [styles]="getStyles(theme)">

我想获得有关如何使用AGM创建基于HTML /基于Angular的简单图例并将其添加到我的地图的帮助。

就像这里建议的一样：

https://developers.google.com/maps/documentation/javascript/adding-a-legend