angular - 在 Angular Google Map (AGM) 中设置 mapTypeId 时出错

Question

我的代码在为 agm-map 设置 [mapTypeId]="'hybrid'" 时出现以下错误

src/app/map/google-map/google-map.component.html:1:59 中的错误 - 错误 TS2322：类型“混合”不可分配给类型“混合”| “路线图” | “卫星” | “地形”'。

1 <agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom" [mapTypeId]="'hybrid'">
                                                            ~~~~~~~~~~~~~~~~~~~~~~

  src/app/map/google-map/google-map.component.ts:5:16
    5   templateUrl: './google-map.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component GoogleMapComponent.

Answer 1

阅读https://angular-maps.com/api-docs/agm-core/components/agmmap#source上的文档

/**
 * The map mapTypeId. Defaults to 'roadmap'.
 */
@Input() mapTypeId: keyof typeof google.maps.MapTypeId = 'ROADMAP';

因此，在您的情况下，我会尝试使用“混合”，因为那是枚举的关键。否则，您可以尝试使用google.maps.MapTypeId.HYBRID