angular - Angular 谷歌地图上缺少卫星 View 切换

标签 angular google-maps-api-3 angular-google-maps

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

最佳答案

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

<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 - Angular 谷歌地图上缺少卫星 View 切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49423677/

相关文章:

node.js - 如何在 Node 脚本中重用 Angular 6 API 服务?

javascript - Angular Material 2 md-tab内容高度

mysql - 将 Angular 应用程序连接到服务器

google-maps - 谷歌地图 API v3.9 : Blurry custom markers when zooming

javascript - 谷歌地图折线的中间(质心?)

javascript - 对于 Angular 谷歌地图,我如何删除多段线?

angular-google-maps - 为 agm snazzy-info-window 设置信息窗口偏移量

angularjs - Angular-google-maps 搜索框

angular - 现有Angular 4项目中的 ionic 框架

javascript - 我如何请求 Google Place API 返回地点的 ID?