问题标签 [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.
angular - 如何知道在agm中的标记聚类上聚类的标记信息
我想了解 AGM 谷歌地图中标记聚类下分组的标记信息。
这是我用于聚类的代码,我想知道关于每个标记的信息,这些标记聚集在一个组中。
openlayers - 如何在 AGM 中设置 isFractionalZoomEnabled
我将 AGM Angular 谷歌地图用于我的 OpenLayers 图层后面的图像。
Openlayers 使用分数缩放,但谷歌地图默认为离散缩放级别......这使得保持地图对齐并准确显示我想要地图的样子变得困难。
谷歌地图为 Angular 9+ 添加了 isFractionalZoomEnabled 但我不知道是否有办法通过 AGM 传递这个值?
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
npm - 无法使用来自 npmjs 的分叉依赖项
我需要添加一个功能以通过此包的标记聚类器获取分组标记列表: https ://www.npmjs.com/package/@agm/markerclusterer
目前 - 没有这样的能力,似乎回购很长时间没有更新。
我已经从这里分叉了 github repo:
https://github.com/SebastianM/angular-google-maps
然后我提交了所需的更改:
现在 - 我无法使用它。
因为,当我通过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
到目前为止,我自己做了...
我想知道如何正确使用和使用这个包?
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 标记数据
angular - Angular - agm 似乎阻止了渲染
我有一个带有 Angular 谷歌地图的 Angular 应用程序(13.0.2)。我也在使用 agm 标记。
在模板中,我有一个按类型过滤地图点的下拉列表。在过滤过程中,我想放置一个加载 div,并隐藏地图。这由isLoading布尔值控制。
问题是无论我做什么,它都会等待过滤器发生,然后才呈现加载 div。我记录了isLoading值,它在应该的时候评估为 true,但是似乎 Angular 正在等待地图点在渲染之前完成过滤......
这是模板中的下拉菜单:
这是onFilterByTechnology,它调用的过滤方法:
这是模板中的地图:
所以我在技术上进行过滤,isLoading是真的,但是直到过滤之后地图才得到隐藏类。过滤器完成后,添加了隐藏类,我得到了加载 div 等。
就好像地图以某种方式阻止了更新,直到过滤完成。我尝试强制detectChanges(),但无济于事。
有谁知道我可能做错了什么?
非常感谢 :)
angular - AGM 在 localhost:4200 上显示位置,但在 192.168.*.** 等 IP 服务时不显示
我的年度股东大会方法:
在 localhost:4200 中运行时工作正常并加载地图,但当我使用命令“ng serve --host 192.168.*.**”运行时。方法找不到位置,也找不到纬度和经度。如何解决这个问题。第一次没有显示地图。
angular - AGM MAPS - 从 HTTP 加载地图密钥
我正在尝试在 AGM MAPS 中动态加载地图键。我从 API Enpoint 获取地图密钥,下面是我的代码
在 app.module.ts
在@NgModule
如果我给出静态值,则地图正在加载this.apiKey = 'xxx'
,但是当从 http 请求加载时,地图键没有被加载。
但是当我控制台时,console.log(response['mapkey'])
我可以看到地图键。
我怎样才能解决这个问题 ?请指导