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

javascript - new google.maps.Map(document.getElementById('agmmap'),{}) 导致 agm 地图消失

我正在尝试使用带有 agm 地图的谷歌地方库。

html

ts

这段代码导致我的 agm 地图从视图中消失

这里发生了什么事 ?新创建的地图会取代我的 agm 吗?如何解决这个问题?

0 投票
1 回答
176 浏览

angular - 使用 agm-spiderfier 构建 Angular 应用程序时出错

  1. TypeScript 编译中缺少使用 AGM Spidefier 库 \node_modules\agm-spiderfier\index.ts 编译代码时出现错误。请通过 'files' 或 'include' 属性确保它在您的 tsconfig 中。

  2. 下面是我的 tsconfig.app.json 和 tsconfig.spec.json

tsconfig.app.json

tsconfig.spec.json

0 投票
1 回答
109 浏览

angular - clickMap 事件不返回坐标 | 离子 | 角谷歌地图

我有一个地图和一个 mapClick 事件,我正在尝试获取坐标。

ts文件

.html 文件

但是控制台返回 c 而不是坐标。我在另一个项目(Angular)中有相同的代码,它按预期工作。

0 投票
1 回答
210 浏览

angular - 使用 AGM 在谷歌地图上加载图像

我有一个要求使用 agm 在谷歌地图上显示/隐藏图像,如下所示。我认为 AGM 有一些实用程序可用,但我不知道。下面是我加载地图的代码和在 handleOnTilesLoaded() 方法上我想添加一些代码来加载图像

在此处输入图像描述

0 投票
0 回答
49 浏览

agm - Angular Groundoverlay

我正在寻找 AGM 中的 groundoverlay 库。有什么方法可以在谷歌地图上显示叠加透明图像,如下链接所示。 谷歌地图 GroundOverlay http://www.ryecemetery.com.au/locate.html

我正在使用以下代码进行图像叠加

0 投票
1 回答
244 浏览

openlayers - OpenLayers 6.4.3 和 AGM (Angular Google Maps) 之间的缩放问题

在我更新到 OpenLayers 6.4.3 AGM(Angular Google Maps)之前,OpenLayers 通过加载、缩放和平移保持同步……现在,这些图层的运行与 OpenLayers 矢量图层的移动速度比 AGM 图层快。

共同的价值观:

创建地图:

对齐地图:

因此,每当平移或缩放地图时,在 OpenLayers 6.4.3 之前调用“alignMap”,所有矢量对象都在之后完全对齐......没有矢量对象对齐......

更新:

似乎“转换”可能无法像以前那样工作......我越是关注这个问题,OpenLayers 和 AGM 之间的投影冲突就越明显。

更新:

这个问题绝对是一个缩放问题,离整个整数越远,错位就越严重。

我在这里创建了一个 StackBlitz 来演示这个问题。只需使用“绘制”按钮和顶部来跟踪其中一个字段。单击“停止绘图”并平移地图。

https://stackblitz.com/edit/angular-openlayer-play-n5brr8?file=src%2Fapp%2Fapp.component.ts

任何帮助是极大的赞赏。

0 投票
0 回答
303 浏览

angular - 谷歌地图在 Angular 中不起作用并给出 InvalidKeyMapError 错误

我刚刚安装了agm/core相关的东西来使用这些命令使用地图

然后我AgmCoreModule在我的module.ts

在我的组件内部,我只是map这样使用

但我收到了这个错误

我不知道为什么会发生这个错误。有谁能告诉我吗?

0 投票
2 回答
492 浏览

angular - 类型上不存在属性“地图” - Angular Google Maps 项目

我是 Angular 新手,正在尝试制作一个简单的谷歌地图应用程序。我不断收到此错误error TS2339: Property 'map' does not exist on type 'AppComponent'

我试图访问地图属性,但我不能。也许我没有正确初始化它?

0 投票
1 回答
93 浏览

angular - 尝试在 Angular Google Maps 项目中加载GeoJson 时出现 400 错误

尝试将GeoJson 加载到我的地图时出现 400 错误。 该文件位于我的 src/assets 文件夹中。如果我在该文件夹中放置了一个不同的文件,我可以在启动 ng 服务器时通过 http 请求访问它,这意味着我应该可以访问这些文件。但是对于我在 loadGeoJson 方法调用中指定的文件,如果我尝试在浏览器中显示它,浏览 http://localhost:4200/assets/sample-farms.geojson器会显示我的应用程序的主屏幕......

所以发生了一些奇怪的重定向?

这是我的代码:

这是我在控制台中得到的错误:

非常感谢任何帮助。

0 投票
0 回答
464 浏览

angular - 添加 @agm/core 导入语句后的错误(Angular 7)

我正在使用 Angular 7 和 Google Maps (agm) 构建一个网站,并且我想向location组件添加一个地图。但是,当我添加import { MapsAPILoader } from '@agm/core';到我的location.component.ts文件时,我得到了多个编译错误,这些错误似乎来自 agm 本身:

代码在没有上述导入语句的情况下成功编译,但是,当然,网站不起作用,我不能使用 agm :)

有谁知道如何解决这个问题?

提前致谢!

我的location.component.ts代码:

我的location.component.html