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

javascript - 在 agm 中使用 svg 自定义标记

我正在尝试自定义我的 agm-map 中的标记,但它不起作用。根据 api文档, iconUrl 属性应该可以工作,但它不适合我。

我也用 url 制作了一个对象,但也不起作用

ts

html

感谢您的回复。

0 投票
0 回答
103 浏览

openlayers - 获取 OpenLayers 画布的高度

我使用 AGM 作为我的 openlayers 地图的图像……有时在某些情况下,图像和 OL 图层会稍微偏离。这种轻微的错位是由于 AGM 层使用的高度与 OL 地图不同。

如果我可以获得地图的“画布”高度并将这个高度应用于 AGM,我可以解决这个问题。

我在 OpenLayers API 文档中看不到获取此属性的方法……这可能吗?

任何帮助是极大的赞赏!

0 投票
0 回答
31 浏览

angular - 以角度为 GoogleApi 命名空间创建别名

我正在使用agm并尝试通过在 typescript 中使用命名空间别名来为 googleapi 创建命名快捷方式:

所以不要写:

我可以写:

我收到错误

google-map.model.ts:2 是 google-map.model.ts:2- 该文件是我指定的命名空间别名,尽管我可以在MapModuleboostrap 之前加载别名文件但它不起作用,我假设因为该文件甚至在那之前就被加载了?:

0 投票
0 回答
197 浏览

angular - 使用 Cypress 测试 Angular Google Maps 地图

我在测试 AGM 时遇到问题。商店应显示在地图上。我已经像这样嘲笑我想选择的商店位置

但地理位置并非每次都起作用。有时有效,有时无效。在这种状态下,我无法在管道中运行测试。

0 投票
0 回答
91 浏览

angular - 使用 agm npm 包在 Angular 7 中添加多条折线

我正在使用角度谷歌地图(AGM)npm 包。以下是代码

上面是 HTML 代码。在这里我想添加多条折线。当我单击地图时,会添加折线并获得保存在折线点中的纬度和经度。但是在添加一条折线之后,我想添加第二条折线,同时添加第二条折线它继续使用第一条折线。如何打破第一条折线并添加第二条折线。

我厌倦了:我使用lineRightClick。在鼠标右键单击时,我将数据保存在 masterPolyLines 数组中并制作空的 polylinePoints 数组。polylinePoints 数组用于显示折线。这样我得到了第一个折线,但是当我点击地图时,第二个折线继续使用第一条折线。以下是ts文件中的函数

我想打破第一条折线并添加第二条折线等等。

0 投票
1 回答
199 浏览

angular - agm-map 和 agm-marker 拖动

这是agm-map为印度尼西亚添加我的代码。现在中心在雅加达,按经纬度和整个地图显示在地图部分。
我想要的是只允许标记移动到印度尼西亚国家。

实现方式是什么,请注意我只想将标记移动限制在印度尼西亚,但我想展示整个世界地图。
而且我还希望自动完成功能也仅限于印度尼西亚。

0 投票
0 回答
13 浏览

google-maps - 没有geCoding的agm-map精确位置

我正在使用 agm-map,下面是 AutoComplete 的代码:

您可以看到 .getPlace 返回确切的PlaceResult 类型的单个对象作为地址。geoCoding 返回地址、组件的列表。 所以我想在没有 geoCoder 的情况下使用纬度和经度获取地址(因为它返回列表),结果是准确的单个对象,就像PlaceResult一样。下面是 GeoCoder 和 console.log(results) -> 列表地址组件。

0 投票
0 回答
38 浏览

angular - 使用 agm 地图填充超过 5k 的标记时,Google 地图未加载且 ui 卡住

我在我的项目中使用 agm 地图,API 服务在邮递员中需要 3 秒,在 UI 中加载需要 1 分钟,并且在填充数据时 ui 挂起。

我正在使用 agm map,是否有任何建议可以更有效地加载数据,您能否建议一些代码。

下面是我正在使用的代码。

0 投票
0 回答
71 浏览

angular - Angular Google Map 发送 Plus 代码而不是地址

HY,我已经将角度谷歌地图与自动完成搜索框集成在一起。我正在formatted_address从结果对象访问,但它显示的是加代码而不是完整的地址字符串。

我正在使用以下代码来获取地图结果

有时它返回结果为,street_address但大多数情况下它返回结果为plus_code.

以下是一些结果片段

有什么方法可以让我每次都获得完整的地址而不是加码。您的帮助将不胜感激。

谢谢

0 投票
1 回答
71 浏览

angular - 使用 [mapTypeId] 时,角度 agm 地图未呈现

我有一个组件,它基本上是一个 agm 映射。它可以完美地显示标记、圆圈和其他东西,但现在我正在介绍 [mapTypeId] 属性,它不再工作了。它显示了标记,但没有渲染整个地图。似乎正在加载,但没有任何反应。