问题标签 [agm-map]

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 回答
498 浏览

angular - 使用 *ngIf 的 AGM 地图

我正在尝试显示标记标签,但只能在某个缩放级别或更高级别上显示,但它不允许我使用*ngIf.

如何在 Angular Agm Map 的某个缩放级别上显示标记或其标签?

组件.html

0 投票
1 回答
576 浏览

angular - agm-map Angular 谷歌地图限制平移和缩放

我正在使用带有agm-map的Angular 8。我想定义用户可以缩放或平移(拖动)的地图区域限制。没有任何限制,用户甚至可以平移到地图的南北边界之外

0 投票
1 回答
134 浏览

javascript - 角度路由器警告-您是否忘记调用 ngZone.run()

每次我尝试从谷歌地图重定向到同一应用程序中的链接时,我都会收到此错误。我正在使用agmmap角度 8。这是示例代码

我可以使用本教程解决该问题,但我想知道它的根本原因是什么,代码中是否需要任何更改/重构来解决它? 截屏

0 投票
1 回答
2108 浏览

angular - Agm Map 中的集群点击事件

尝试使用 agm-map 中的纬度和经度绘制标记。使用 agm-marker-cluster 对标记进行聚类。如果有 10 个具有相同纬度和长度的标记,我将如何让集群单击以及这 10 个标记的详细信息聚集在一起?

0 投票
1 回答
97 浏览

angular - Angular 8滚动到顶部不使用agm-map

当我更改路线并转到一个页面时,agm-map我无法将窗口滚动到顶部。
我试过使用

然后在onActivate

我也试过

在 ngOnInit 内部,但它不起作用:导航到页面时,我总是在地图上,而不是在顶部。

0 投票
0 回答
132 浏览

angular - 如何在 agm-directions 的起点和终点标记上附加 Click 事件?

我必须在地图上方显示一个自定义面板,以显示点击起点和终点标记的详细信息。

在此处输入图像描述

0 投票
1 回答
558 浏览

javascript - 缩放或标记位置更改后 iphone(safari 和 chrome)上的 agm-map angular6 渲染问题

我在我的 angualr 6 Web 应用程序中使用 agm-map。它在 android 设备上也可以在 pc 上正常工作。但是在 iphone 上,我在缩放或标记改变位置时遇到了这个问题。如果我触摸地图,“未渲染”点将被渲染并且地图再次正确显示。我试图在 (zoomChange)(centerChange)(boundsChange) 上触发 this.agmMap.triggerResize() 但没有帮助。

0 投票
1 回答
224 浏览

angular - GoogleMap infowindow 关闭监听器

我在角度使用 agm-map 来显示地图和标记:

有什么方法可以infoWindow通过单击关闭按钮本身来设置何时关闭的侦听器?当单击其他标记时它关闭时,我已经在处理此案例。

一般来说,我对 Angular 和 Web 开发也很陌生,所以我正在努力寻找 的文档(markerClick),所以我真的不知道它是什么对象infoWindow。如果我能找到文档,我想我可以弄清楚自己。对此有何建议?

任何想法?

0 投票
2 回答
1258 浏览

angularjs - 如何将 agm-map 置于标记的中心?

我试图将谷歌地图集中在标记上,我得到的是:地图不以标记为中心

以标记为中心的地图

我想要的最终结果是上面的图片。由于某种原因,它根本没有居中。这是我的 HTML 代码:

lat 和 lng 最初设置为 0.0

//地图属性

我通过 Web Api 调用设置了 lat 和 lng。

我会想,因为我已经将 lat 和 lng 设置为从 API 调用获得的数据,它应该自动将其设置为居中?不过好像不是这样。。

先感谢您。

0 投票
2 回答
2863 浏览

javascript - 在Angular 7中动态更改agm-map google maps API Key

我正在构建一个允许您编辑地图的应用程序,编辑器具有带有 Agm 地图模块的谷歌地图,用户的最终结果是一个 iframe,其地图嵌入到他的网页中。我正在为编辑器使用该模块,并在 app.module.ts 中使用我的 API 密钥导入它。

iframe 将是一个使用相同后端的独立 Angular 应用程序。我需要将从数据库中获取的用户的 API 密钥,但我不知道如何在 Angular 中构建这部分,似乎它使用 api 密钥创建构建,是否可以这样做以某种方式在运行时修改密钥?我已经看到它是在 jQuery 中完成的。可以从 script 标签或 vanilla js 中的代码中获取它,例如:

在最后一个例子中,它可以很容易地完成,谢谢