问题标签 [agm]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3257 浏览

angular - Angular2+ Angular Google Maps - 配置地图集群、计算器和选项

我需要帮助来实现带有计算器功能的 MarkerCluster。基本上我需要在一个集群中分组一些标记,并使用计算器在每个标记中动态显示图像和文本。

实际上我的地图有效,我显示了标记和一些集群,但我无法配置MapOptions以确定集群的最小大小,并且我无法让我的计算器功能根据我的值配置图像。

为了代表我的实际情况和我的需要,请看这张图片:https ://ibb.co/cqkG8S

替换原始标记图像的图像除以 2 个正方形,第一个(绿色)是元素的计数,第二个(蓝色或红色)表示有问题的元素(有问题的集群显示红色正方形)。

在同一张图片中,我有没有被我的图片替换的谷歌原始标记。在这种情况下,我相信 ClusterOptions 没有配置。

所以我的问题是:

  1. 如何使用计算器
  2. 如何设置 ClustersOptions

谢谢你的帮助!

我的代码:

  1. 我的地图声明(map.component.html):

    <agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom"> <agm-marker-cluster [styles]="clusterStyles" > <agm-marker *ngFor="let marker标记数" [latitude]="marker.latitude" [longitude]="marker.longitude">

  2. 我的组件的重要部分(map.component.ts)

    导出类 MapComponent 实现 OnInit {

    }

版本

角度 - 5.2.6 agm 核心 - 1.0.0-beta.2 agm js-marker-clusterer - 1.0.0-beta.2

0 投票
1 回答
2631 浏览

angular - 没有导出成员 'Observable'

我正在尝试在我的角度项目中使用 agm 所以我安装了 npm install @agm/core --save 但是当我使用
AgmCoreModule.forRoot({ apiKey: 'my api' }) 时,它会产生一个我无法理解的错误:

这是 appModule :

我删除了 node_module 并再次安装,但出现同样的错误

0 投票
1 回答
574 浏览

angular - 角度谷歌地图@agm/core

我正在@agm/core为我的项目使用,我希望数据层能够动态设置样式。

  1. 当我单击单层时,它必须更改颜色。这是使用数据层点击功能完成的
  2. 当我选择一个单选按钮或一个复选框时,整个数据层必须使用不同的颜色进行更新,这不会发生。

尝试通过更改完成任务,但没有找到任何帮助。

0 投票
1 回答
355 浏览

angular - 重新初始化组件时,AGM 是否保留 Google Map 的会话?

我们目前正在为 Angular 中的销售开发一个地图加载繁重的门户。我们决定使用AGM 库,它为 Angular 和 TypeScript 提供了很好的支持。

我们在每个搜索结果页面上显示地图,当用户从搜索结果到产品的详细信息页面来回导航时,我们会销毁/重新初始化MapComponent. 我有点担心这是否不会在重新初始化时触发额外的谷歌地图请求/会话,但我不知道如何做这些指标。不幸的是,由于我们应用程序的架构,我们无法轻松隐藏/显示组件。

那么问题是会议在年度股东大会中的表现如何?组件的每次重新初始化是否都会创建一个新的付费请求?先感谢您。

0 投票
1 回答
547 浏览

angular - 在谷歌地图(角度)中获取每个国家的距离

我在 Angular 项目中使用 AgmCoreModule 和 AgmDirectionModule。我想在 A、B、C 点之间画一条经过不同国家的路线。我想知道每个国家分别有多少公里的路线。可能吗?或者你应该使用一些不同的库?

0 投票
1 回答
582 浏览

angular - Angular AGM 在标记单击时绘制多边形

我正在使用角度 agm,并且需要在单击标记后绘制多边形。

这是 drawPolygon 方法的相关部分:

但是,我收到错误消息:无法读取 undefined 的属性“添加”

在该方法中绘制多边形的任何想法或解决方法?

0 投票
2 回答
57 浏览

google-maps-api-3 - Google 地图自动完成功能正常,而 AGM 地图即使在提供 apiKey 后也无法加载

[![`我能够获得 google place 自动完成响应,但即使在从google 控制台 apikey启用所有 api 后也无法加载 google 地图

提前致谢`] 1 ] 1

0 投票
1 回答
233 浏览

angular - 在非活动 ngb-tab 上使用带有 GeoJson 的 fitbounds 的 agm-map

我试图让 anagm-map显示在 an 的第二个选项卡上ngb-tabset,并fitbounds显示在加载的 geojson 周围。

这是第一个选项卡上带有地图的堆栈闪电战 - 当“谷歌未定义”时,除了可能是第一次加载之外,它工作正常。(我通常会根据用户输入从 API 加载 geojson 数据,因此届时会加载谷歌地图脚本。) https://stackblitz.com/edit/angular-8-app-example-6ynh9n

如果您ngb-tab在 html 中取消注释另一个(第一个),那么这一切都会变成锅:现在ViewChild(this.agmMap) 在ngAfterViewInit. 如果你能解决这个问题(通过使用类似的东西(tabChange)="tabChanged($event)",那么当你点击远离地图选项卡,然后返回它时,地图不适合geojson,因为地图已被破坏并重新创建;agmMap 没有得到重新初始化(mapReady)。

(我也无法让 agmMap 的 fitbounds 工作,所以我直接使用 GoogleMap 的 fitbounds。)

0 投票
0 回答
1000 浏览

angular - Angular 8,agm api,./node_modules/@agm/core/fesm5/agm-core.js 4538:34-52 中的警告

我目前正在从事 Angular 8 的项目。我试图建立一个谷歌地图 API 并完成:

我得到的错误是:

版本:

据我所知,这是由于 Angular 改变了 eeinject 和 eefineInjectable

任何帮助将不胜感激

0 投票
1 回答
596 浏览

angular - 参考 agm-map 元素创建 PlacesService 失败

当我尝试使用对 agm-map 元素的引用创建 PlacesService 时,它​​失败了。如果我动态创建地图(新的 google.maps.Map(somediv))并将该地图用作参数,它会成功。我已经尽可能地压缩了我的代码来展示这个问题。首先我的地图是这样声明的。

我得到了对地图的参考,如下所示:

为了压缩代码,我将搜索放在 MarkerDragEnd 处理程序中。

我正在用剃须刀页面重写以前是 ASP.NET 的应用程序,所有工作都在服务器上完成。我曾希望将服务器工作转移到客户端,但这失败得很惨,我可以找到的错误出现在调试器的控制台中。

我不知道这是否是线索,但我在应用程序启动时看到了这个错误,我不确定它是什么时候开始的。我确定我以前见过它,但不知道是什么原因造成的。

接下来的两个错误在执行搜索代码后立即出现,我再次对导致它们的原因一无所知. 首先是 this.h.getElementByTagName 不是函数。

第二个例外是服务创建失败后“NearBySearch”不是“null”的属性。

正如我在开头提到的那样,成功的是创建一个没有高度的 div 并动态创建第二个地图,然后将其用于 PlacesService(fakemap) 参数,它工作正常。我已经尝试了几件事来让它工作,并且只有一个 html 声明的地图,但似乎无法正确引用它。