问题标签 [agm-direction]

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

angular - Agm-Direction 中具有多种颜色的多个方向

我正在使用带有Angular Google Maps的Agm-Direction来绘制两点之间的行驶路径。

我需要以多种颜色绘制多条驾驶路径。当前以蓝色绘制所有方向。

如何用不同的颜色绘制多个方向?

0 投票
0 回答
407 浏览

angular - AgmDirection 可见绑定无法正常工作

在我的项目中,我展示了 10 条路线的地图。对于与 agm-direction 标记绑定的每条路线,我都有一个名为“可见”的标志。在按钮单击事件上,我将一些标志设置为 false。有时它可以通过隐藏 flag == false 的路由来正常工作,但在某些情况下它不起作用。

0 投票
2 回答
622 浏览

angular - 如何动态呈现信息窗口内容

我正在使用 agm-direction 包在 agm-map ( https://www.npmjs.com/package/agm-direction ) 上显示路线信息。

我想知道如何渲染信息窗口的内容,尤其是原始标记:

标记选项

输出如下所示:

信息窗口输出

我想做这样的事情,所以我可以构建一个更复杂的信息窗口:

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
436 浏览

javascript - Agm 方向面板:在不同组件中显示面板

我有两个组件显示在一个页面上(第一个是页面的 70%,另一个是 30%)。一个是地图,另一个是我要显示面板的位置(有关如何到达目的地的信息:左转,然后右转等)

在此处输入图像描述

我使用 agm-directions 来获取面板 - https://robby570.tw/Agm-Direction-Docs/source/featured/direction.html(查看使用新查询更新面板)。

我设法很好地创建了它,当您单击按钮时,面板将显示文本,但在地图组件上,在地图下方(见图 2)。这是因为我把<div #myPanel></div>地图下的第一个组件。

在此处输入图像描述

我想在第二个组件上获取该面板文本。[panel]="myPanel"根据上面的文档,我不知道该怎么做,因为我在地图组件中绑定了面板。

那么有没有办法可以在不同的组件中传输绑定的数据?

这是第一个组件 html:

第二个组件只是一些通用的 html。

TLDR:当我在 agm 方向上绑定时,如何才能<div #myPanel></div>在不同的组件中工作。[panel]="myPanel"

0 投票
0 回答
132 浏览

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

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

在此处输入图像描述

0 投票
1 回答
1093 浏览

angular - 仅尝试更改 agm 方向航点标记的图标

我开发了一个项目,我正在使用<agm-direction>angular google map api。实际上,我想显示一个方向,该方向具有起点、终点以及在这些航点/步距之间。请在下面找到我的对象:

下面是角度html代码:

一切都很好,只是航点标记有目的地标记的图标,而目的地标记没有任何图标。请找到结果这里

我想为起点、目的地和航点设置三个不同的图标,更进一步我想保存新的可拖动航点。有人能帮助我吗?

0 投票
1 回答
115 浏览

angular - 为什么我得到 InvalidValueError: in property origin: must set one of location, placeId or query error in angular?

在我的angular10应用程序中,我agm core用来显示google maps

组件.html

组件.ts

现在map正在显示并且direction也在map正确显示,但我正在接受error这个console

0 投票
0 回答
34 浏览

angular - 在 Angular 中自动居中地图 - Angular AGM-Direction

目前,我们正在使用 Asp.net core + Angular ( https://aspnetzero.com/ ) 来跟踪运行时的 Rider,因此管理员可以看到 Rider 的当前位置。

套餐

@agm/核心:^1.1.0 @agm-方向:^0.8.8

弹出窗口 显示 Rider 和 Pharmacy 之间的方向。 在此处输入图像描述 用户应该能够放大缩小。 在此处输入图像描述 系统应通过调用 API 来刷新 Rider 的位置,以使用 angular 中的 subscribe 获取 Rider 的新位置。

问题 当系统加载方向时,用户能够执行放大和缩小但订阅事件触发然后缩放值更改为默认值,这可以是任何取决于骑手和药房位置的值。在此处输入图像描述

html代码

TS 代码