角度Google地图上缺少卫星视图切换

Moh*_*ani 1 google-maps-api-3 angular-google-maps angular

我正在为我的Angular应用程序(5.xx)使用angular谷歌地图模块,除卫星切换按钮未显示这是google maps API的默认功能以外,其他所有功能都正常运行。我在Google官方文档屏幕上看到有一个选项可以禁用卫星视图,但不知道如何在角度Google Maps 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>
Run Code Online (Sandbox Code Playgroud)

而lat和lng是带值的简单变量

小智 12

如果你想像默认地图一样添加切换按钮(地图和卫星),那么你应该输入以下代码:

<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>
Run Code Online (Sandbox Code Playgroud)

  • 这应该是公认的答案。看起来“[fullscreenControl]”和“[mapTypeControl]”输入可能已被弃用。 (3认同)

T. *_*wat 8

在这些属性[fullscreenControl]='true' [mapTypeControl]='true'中添加<agm-map>

<agm-map [latitude]="lat" [longitude]="lng"  [scrollwheel]="false" [zoom]="zoom" 
       [fullscreenControl]='true' [mapTypeControl]='true' >
    <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>
Run Code Online (Sandbox Code Playgroud)