问题标签 [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.
angular - Angular2+ Angular Google Maps - 配置地图集群、计算器和选项
我需要帮助来实现带有计算器功能的 MarkerCluster。基本上我需要在一个集群中分组一些标记,并使用计算器在每个标记中动态显示图像和文本。
实际上我的地图有效,我显示了标记和一些集群,但我无法配置MapOptions
以确定集群的最小大小,并且我无法让我的计算器功能根据我的值配置图像。
为了代表我的实际情况和我的需要,请看这张图片:https ://ibb.co/cqkG8S
替换原始标记图像的图像除以 2 个正方形,第一个(绿色)是元素的计数,第二个(蓝色或红色)表示有问题的元素(有问题的集群显示红色正方形)。
在同一张图片中,我有没有被我的图片替换的谷歌原始标记。在这种情况下,我相信 ClusterOptions 没有配置。
所以我的问题是:
- 如何使用计算器
- 如何设置 ClustersOptions
谢谢你的帮助!
我的代码:
我的地图声明(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">
我的组件的重要部分(map.component.ts)
导出类 MapComponent 实现 OnInit {
}
版本
角度 - 5.2.6 agm 核心 - 1.0.0-beta.2 agm js-marker-clusterer - 1.0.0-beta.2
angular - 没有导出成员 'Observable'
我正在尝试在我的角度项目中使用 agm 所以我安装了 npm install @agm/core --save 但是当我使用
AgmCoreModule.forRoot({ apiKey: 'my api' }) 时,它会产生一个我无法理解的错误:
这是 appModule :
我删除了 node_module 并再次安装,但出现同样的错误
angular - 角度谷歌地图@agm/core
我正在@agm/core
为我的项目使用,我希望数据层能够动态设置样式。
- 当我单击单层时,它必须更改颜色。这是使用数据层点击功能完成的
- 当我选择一个单选按钮或一个复选框时,整个数据层必须使用不同的颜色进行更新,这不会发生。
尝试通过更改完成任务,但没有找到任何帮助。
angular - 重新初始化组件时,AGM 是否保留 Google Map 的会话?
我们目前正在为 Angular 中的销售开发一个地图加载繁重的门户。我们决定使用AGM 库,它为 Angular 和 TypeScript 提供了很好的支持。
我们在每个搜索结果页面上显示地图,当用户从搜索结果到产品的详细信息页面来回导航时,我们会销毁/重新初始化MapComponent
. 我有点担心这是否不会在重新初始化时触发额外的谷歌地图请求/会话,但我不知道如何做这些指标。不幸的是,由于我们应用程序的架构,我们无法轻松隐藏/显示组件。
那么问题是会议在年度股东大会中的表现如何?组件的每次重新初始化是否都会创建一个新的付费请求?先感谢您。
angular - 在谷歌地图(角度)中获取每个国家的距离
我在 Angular 项目中使用 AgmCoreModule 和 AgmDirectionModule。我想在 A、B、C 点之间画一条经过不同国家的路线。我想知道每个国家分别有多少公里的路线。可能吗?或者你应该使用一些不同的库?
angular - Angular AGM 在标记单击时绘制多边形
我正在使用角度 agm,并且需要在单击标记后绘制多边形。
这是 drawPolygon 方法的相关部分:
但是,我收到错误消息:无法读取 undefined 的属性“添加”。
在该方法中绘制多边形的任何想法或解决方法?
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。)
angular - Angular 8,agm api,./node_modules/@agm/core/fesm5/agm-core.js 4538:34-52 中的警告
我目前正在从事 Angular 8 的项目。我试图建立一个谷歌地图 API 并完成:
我得到的错误是:
版本:
据我所知,这是由于 Angular 改变了 eeinject 和 eefineInjectable
任何帮助将不胜感激
angular - 参考 agm-map 元素创建 PlacesService 失败
当我尝试使用对 agm-map 元素的引用创建 PlacesService 时,它失败了。如果我动态创建地图(新的 google.maps.Map(somediv))并将该地图用作参数,它会成功。我已经尽可能地压缩了我的代码来展示这个问题。首先我的地图是这样声明的。
我得到了对地图的参考,如下所示:
为了压缩代码,我将搜索放在 MarkerDragEnd 处理程序中。
我正在用剃须刀页面重写以前是 ASP.NET 的应用程序,所有工作都在服务器上完成。我曾希望将服务器工作转移到客户端,但这失败得很惨,我可以找到的错误出现在调试器的控制台中。
我不知道这是否是线索,但我在应用程序启动时看到了这个错误,我不确定它是什么时候开始的。我确定我以前见过它,但不知道是什么原因造成的。
接下来的两个错误在执行搜索代码后立即出现,我再次对导致它们的原因一无所知. 首先是 this.h.getElementByTagName 不是函数。
第二个例外是服务创建失败后“NearBySearch”不是“null”的属性。
正如我在开头提到的那样,成功的是创建一个没有高度的 div 并动态创建第二个地图,然后将其用于 PlacesService(fakemap) 参数,它工作正常。我已经尝试了几件事来让它工作,并且只有一个 html 声明的地图,但似乎无法正确引用它。