angular google 地图上缺少卫星视图切换

Question

我正在为我的 Angular 应用程序 (5.x.x) 使用 angular google 地图模块 (5.x.x) 除了卫星切换按钮不是显示 google 地图 API 的默认特征。我在 google 官方文档屏幕上看到有一个选项可以禁用卫星视图，但不知道如何在 angular google 地图 API.

中实现它

  <agm-map [latitude]="lat" [longitude]="lng">
        <agm-marker [latitude]="lat"
                    [longitude]="lng"
                    [iconUrl]="'assets/images/robot/rad-tower.gif'"></agm-marker>
        <agm-marker [latitude]="-34.397"
                    [longitude]="149.644"
                    [iconUrl]="'assets/images/robot/rad-tower.gif'"></agm-marker>
        <agm-marker [latitude]="-33.397"
                    [longitude]="149.644"
                    [iconUrl]="'assets/images/robot/rad-tower.gif'"></agm-marker>
        <agm-marker [latitude]="-33.397"
                    [longitude]="150.644"
                    [iconUrl]="'assets/images/robot/rad-tower.gif'"></agm-marker>
      </agm-map>

而 lat 和 lng 是具有值的简单变量

Answer 1

在<agm-map>

中添加这些属性[fullscreenControl]='true' [mapTypeControl]='true'

<agm-map [latitude]="lat" [longitude]="lng"  [scrollwheel]="false" [zoom]="zoom" 
       [fullscreenControl]='true' [mapTypeControl]='true' >
    <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

Answer 2

如果你想像默认地图一样添加切换按钮（地图和卫星），那么你必须输入以下代码：

<agm-map [latitude]="lat" [longitude]="lng"  [scrollwheel]="false" [zoom]="zoom">
<agm-map-type-control></agm-map-type-control>
<agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

angular google 地图上缺少卫星视图切换

satellite view toggle missing on angular google maps

google-maps-api-3

angular-google-maps

angular