卫星视图切换开关在角度谷歌地图上丢失

Question

我正在为我的 Angular 应用程序 (5.x.x( 使用角度谷歌地图模块，除了卫星切换按钮没有显示这一点之外，一切都工作正常，这是谷歌地图 API 的默认功能。我在谷歌官方文档屏幕上看到有一个禁用卫星视图的选项，但不知道如何在角度谷歌地图 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>

而纬度和液化天然气是具有值的简单变量

Answer 1

[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>

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>

Answer 3

当你使用JavaScript时。

map = new google.maps.Map(document.getElementById('map'), {
                center: {
                    lat: -33.86,
                    lng: 151.209
                },
                zoom: 13,
                minZoom: 3,
                mapTypeControl: true,
                gestureHandling: 'greedy'
            });