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]='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)