问题标签 [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 回答
34 浏览

angular - 将边距添加到 Agm 标记标签

Agm Marker 标签不会从我的 markerOptions 数组中获取 marginTop。

我传入的labelOption(在里面,每个标记都有一个标签和样式)是:allMarkers

现在我得到的结果是:

结果截图

我想把标签放到图标的中心(给它一个 10px 的 marginTop 或添加一个类将解决这个问题)。

0 投票
1 回答
164 浏览

angular - 如何知道在agm中的标记聚类上聚类的标记信息

我想了解 AGM 谷歌地图中标记聚类下分组的标记信息。

这是我用于聚类的代码,我想知道关于每个标记的信息,这些标记聚集在一个组中。

0 投票
0 回答
19 浏览

openlayers - 如何在 AGM 中设置 isFractionalZoomEnabled

我将 AGM Angular 谷歌地图用于我的 OpenLayers 图层后面的图像。

Openlayers 使用分数缩放,但谷歌地图默认为离散缩放级别......这使得保持地图对齐并准确显示我想要地图的样子变得困难。

谷歌地图为 Angular 9+ 添加了 isFractionalZoomEnabled 但我不知道是否有办法通过 AGM 传递这个值?

0 投票
0 回答
26 浏览

npm - 分叉包无法构建

我已经分叉了一个包@agm/markerclusterer,在这里:https ://github.com/neverlose-lv/angular-google-maps

我已经做出了承诺。

现在我想使用我的“修补”版本,而不是原来的版本。

但是我的构建失败了,因为没有加载此包所需的其他模块。请注意,markerclusterer 不是 repo 的单个依赖项。可能是这个问题?如何处理?

我该如何解决这个问题?我是否在 package.json 中正确地注入了我的 fork?

我替换"@agm/markerclusterer": "^3.0.0-beta.0","@agm/markerclusterer": "git+ssh://git@github.com/neverlose-lv/angular-google-maps.git#eed277876549b58b41ee7d9515a47f07e5cb3115",

这是我的 package.json

0 投票
0 回答
17 浏览

npm - 无法使用来自 npmjs 的分叉依赖项

我需要添加一个功能以通过此包的标记聚类器获取分组标记列表: https ://www.npmjs.com/package/@agm/markerclusterer

目前 - 没有这样的能力,似乎回购很长时间没有更新。

我已经从这里分叉了 github repo:

https://github.com/SebastianM/angular-google-maps

然后我提交了所需的更改:

https://github.com/neverlose-lv/angular-google-maps/commit/eed277876549b58b41ee7d9515a47f07e5cb3115#diff-2cf0d0f0bfd8c7ff9b29a7feb0a963480b32b65116abe7a863115e63fb67c16fR78

现在 - 我无法使用它。

因为,当我通过npm instll neverlose-lv/angular-google-maps命令安装依赖项时 - 依赖项作为 github repo 的源代码安装,但是要工作 - 它应该是构建文件(dist/我猜是目录。npm run build:prod)命令的结果。

我无法通过npm publish命令发布 repo。我收到一个错误:npm ERR! Cannot read properties of undefined (reading 'trim')

我试图进行构建: npm install npm run build:prod

构建成功并出现一些警告。然后我将构建文件提交到另一个仓库:

https://github.com/neverlose-lv/markerclusterer-dist

当我尝试使用它时( ) - 我得到了指令npm install neverlose-lv/markerclusterer-dist中列出的依赖错误。peerDependencies

到目前为止,我自己做了...

我想知道如何正确使用和使用这个包?

0 投票
1 回答
29 浏览

javascript - agm-marker-cluster/agm-map - 如何更改图标 url 资产

如何根据状态值更改 agm-map iconUrl?例如,在我下面的数据中,我遍历标记*ngFor="let m of markers; let i = index",每个 m 都有一个状态。我的问题是我们如何根据状态更改 [iconUrl]

因此,如果状态等于打开 [iconUrl] 是 assets/icons/map/openmarker.png ,如果状态等于关闭则 [iconUrl] 是 assets/icons/map/closemarker.png

每个状态都有不同的 iconUrl 资产,我们如何做到这一点?有人有想法吗?将不胜感激。谢谢。

如下图,2 个标记有不同的状态,一个应该是红色或不同的资产,默认为蓝色。

在此处输入图像描述

#示例状态是

#代码

#Ts 代码 - 用于拉取标记数据的代码

#example 标记数据

0 投票
2 回答
26 浏览

angular - Angular - agm 似乎阻止了渲染

我有一个带有 Angular 谷歌地图的 Angular 应用程序(13.0.2)。我也在使用 agm 标记。

在模板中,我有一个按类型过滤地图点的下拉列表。在过滤过程中,我想放置一个加载 div,并隐藏地图。这由isLoading布尔值控制。

问题是无论我做什么,它都会等待过滤器发生,然后才呈现加载 div。我记录了isLoading值,它在应该的时候评估为 true,但是似乎 Angular 正在等待地图点在渲染之前完成过滤......

这是模板中的下拉菜单:

这是onFilterByTechnology,它调用的过滤方法:

这是模板中的地图:

所以我在技术上进行过滤,isLoading是真的,但是直到过滤之后地图才得到隐藏类。过滤器完成后,添加了隐藏类,我得到了加载 div 等。

就好像地图以某种方式阻止了更新,直到过滤完成。我尝试强制detectChanges(),但无济于事。

有谁知道我可能做错了什么?

非常感谢 :)

0 投票
0 回答
13 浏览

angular - AGM 在 localhost:4200 上显示位置,但在 192.168.*.** 等 IP 服务时不显示

我的年度股东大会方法:

在 localhost:4200 中运行时工作正常并加载地图,但当我使用命令“ng serve --host 192.168.*.**”运行时。方法找不到位置,也找不到纬度和经度。如何解决这个问题。第一次没有显示地图。

0 投票
0 回答
6 浏览

angular - AGM MAPS - 从 HTTP 加载地图密钥

我正在尝试在 AGM MAPS 中动态加载地图键。我从 API Enpoint 获取地图密钥,下面是我的代码

在 app.module.ts

在@NgModule

如果我给出静态值,则地图正在加载this.apiKey = 'xxx',但是当从 http 请求加载时,地图键没有被加载。

但是当我控制台时,console.log(response['mapkey'])我可以看到地图键。

我怎样才能解决这个问题 ?请指导