【问题标题】:satellite view toggle missing on angular google maps角度谷歌地图上缺少卫星视图切换
【发布时间】:2018-08-31 14:19:21
【问题描述】:

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

【问题讨论】:

  • 向我们展示你的代码怎么样?
  • 请查看更新后的问题

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


【解决方案1】:

&lt;agm-map&gt;中添加[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>

【讨论】:

  • 请将此作为完整的答案,而不仅仅是没有解释的代码答案。
  • 而且您的代码格式错误,其中很大一部分丢失了。
  • 有一个预览可以查看您的答案是如何呈现的。请在发布答案之前检查它。我已修改您的答案以使其正确呈现。
  • 我遇到了同样的问题,它对我有用。不知道你错过了什么。从您的编辑中找不到任何逻辑变化
【解决方案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>

【讨论】:

  • 这应该是公认的答案。看起来 [fullscreenControl][mapTypeControl] 输入可能已被弃用。
  • @C.Trenholm 你说得对,我在上次更新后才注意到这个变化(我不经常执行这个任务)。
  • 是的,这是正确的实现,但这不起作用!
猜你喜欢
  • 2010-11-29
  • 1970-01-01
  • 1970-01-01
  • 2011-08-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-09-28
  • 2011-04-24
相关资源
最近更新 更多