问题标签 [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 投票
2 回答
2308 浏览

angular - 限制在 agm-map 中的特定国家

下面是我的代码,我可以在地图上绘制点。但我希望我的地图仅限于一个国家。如何在 agm-map 中实现这一点?

例如,我希望它仅限于西澳大利亚。

地图.html

地图.ts

0 投票
1 回答
90 浏览

angular - agm-map 更改整个页面的字体

我使用 angular 9 的 agm-map,当我的页面加载它时,所有字体都加粗。我尝试在没有 agm-map 的情况下测试我的前端,一切正常,但是当我添加该特定行时,它会加粗这里的所有内容都是我的代码

我的 CSS

在加载地图之前 和加载地图之后 任何建议或任何人都可以指出我在这里做错了什么非常感谢

0 投票
1 回答
1449 浏览

angular - 如何根据Angular中的输入坐标在agm地图中绘制多边形

我想根据输入框中输入的坐标在谷歌地图中绘制一个多边形。

在输入框中输入坐标集后,单击绘制多边形按钮后,我想在谷歌地图(agm 地图)中绘制一个多边形。

请帮忙。

0 投票
0 回答
79 浏览

angular - 更改 agm-circle 颜色

当地图将其模式更改为暗模式时,我想更改 agm-circle 颜色。

我在服务文件中有如下行为主题

在我的组件文件中,在 ngOnInit 方法中有以下代码

然后更改TheAgCircleColor 方法

HTML 文件

如果暗模式处于活动状态,圆圈颜色会发生变化,但是当我恢复到亮模式时,它保持不变。else 块中的注释代码,如果我取消注释它不起作用,我的意思是订阅者不起作用,因此没有方法调用。单独的 console.log 有效。

0 投票
1 回答
256 浏览

html - 如何解析kml文件以放大地图

我对 Angular 很陌生,我使用 kml 文件来定位土地并添加一些属性,我试图根据按钮名称创建一个专注于土地类型的按钮。主要思想是,kml 文件中的土地可以选择放大我选择的土地类型。

我得到了使用 json 文件的建议,但不确定如何正确使用它。

谢谢!

0 投票
0 回答
410 浏览

angular - agm-map 控制选项无法正常工作

即使我为 agm-maps 设置了选项,我也会在很短的时间内看到我的选项,然后它们都会消失。我无法理解这种行为。我创建了一个简单的项目来演示 Stackblitz 中的问题,我也将在这里分享我的代码。

  • 代码示例

地图.html:

maps.component.ts

  • 堆栈闪电战

https://stackblitz.com/edit/angular-agm-vvqbao?file=app/app.component.ts

  • 参考

https://github.com/SebastianM/angular-google-maps/blob/f9c23aa5d166ac7408f13891f6bfa2fc16026b19/packages/core/services/google-maps-types.ts#L431-L444


您可以在 Stackblitz 中看到,每当地图加载时,我的地图类型控件会在地图的左上角闪烁片刻,然后无缘无故消失。您可能不会在第一次尝试时意识到,您可以在查看地图左上角的同时刷新页面。

0 投票
0 回答
266 浏览

angular - 角度 agm-map 如何让用户放置标记

我见过类似的问题,但在我的角度旅程中,我没有足够的理解来正确地实现他们的答案。

我希望用户能够在地图上添加标记。我正在使用 agm-map。

我已经看到这是 google api doc中的解决方案:

但老实说,我不知道如何使用它——具体来说,放在哪里?

我想知道这是否与 agm-map 兼容。在 agm-map 中,我试图找到类似的东西并查看了 AgmMarker 指令。但我不确定如何理解这一切。我的地图代码目前如下所示:

有人可以帮我把这些碎片放在一起吗?

0 投票
0 回答
17 浏览

agm-map - 当我更新在 agm 地图中不起作用的任何多边形 polyPathsChange 方法时

我在我的项目中使用 agm 地图,我想在 agm 地图中更新或编辑多边形,但是当我更改任何多边形的路径时,这个方法没有被触发。(polyPathsChange)="polyPathsChange($event)"

0 投票
0 回答
87 浏览

angular - Angular 6: Google Maps, AGM-MAP - 使用 google.maps.Map 的单个实例

我有一个包含 C2 组件列表的 C1 组件。C2 有一个 agm-map。通过单击 C1 中的按钮,将创建一个 C2,显示地图(在 agm-map 中以及从 C1 传递的数据)。

每个 C2 都会创建一个新地图,这对 Google 地图来说是有成本的。C1 是否能够创建一次地图并将其传递给每个组件 C2,以便我们拥有一个新地图?为了最大限度地降低成本,使用 agm-map 的最佳做法是什么?

C2 .html

C2.ts

0 投票
0 回答
59 浏览

angular-google-maps - agm-snazzy-window 处理地图边缘场景

我有一个应用程序,我使用 agm-map 和 agm-snazzy-window 在地图上显示自定义图钉。我根据此处提供的解决方案为 snazzy-window 创建了偏移量:为 agm snazzy-info-window 设置信息窗口偏移量

我目前已将信息框的 panOnOpen 属性设置为 false。我要处理的问题/场景是,如果信息框将溢出可见地图区域,则以某种方式动态移动可见地图区域中的窗口。这意味着如果标记靠近地图的顶部边缘,那么它将在标记的底部动态打开。如果标记靠近左边缘,则需要打开可见地图区域右侧的弹出窗口。很快...

有没有用时髦的窗口实现这一目标的好方法。我以前使用过 bing 地图,我将位置转换为像素,并考虑地图和信息框的宽度和高度来移动偏移量,但我无法将该逻辑转换为适用于 agm-map/agm-时髦的窗口。

任何帮助表示赞赏。