问题标签 [agm]

单击清除按钮时，如何从地图中清除多边形。

编辑：我为此添加了一个堆栈闪电战。这是我的第一个，所以我希望它有效。

https://stackblitz.com/edit/angular-dlabgk

几年来我一直在使用谷歌地图，最近将每一个都迁移到 AgmMaps。最近看到一些关于在地图上绘制多边形的问题，想创建一个非常简单的demo。我将此添加到工作地图项目中：

像这样声明我的数组：

然后在我的 mapReady 函数中，我添加了一些有效点：

一切都按预期工作，因为它在美国的西南部分绘制了一个多边形。下一步是将其扩展一点，以便我可以单击地图并添加点。我在 mapClick 的 agm-map 元素上添加了一个处理程序：

然后将点添加到数组中：

我将 ptsString 添加到模板中，这样我就可以直观地看到我的数组正在增长，但似乎无法更新地图。我检查了 NgZone 以确保我在区域中，并且还尝试了 this.zone.run 无济于事。文档似乎很清楚，您可以在路径部分执行此操作：“从数组中插入或删除 LatLngs 将自动更新地图上的多边形。”

我浏览了 StackBlitz ( https://stackblitz.com/edit/agm-polygon?file=app%2Fapp.component.html ) 上的示例，但这似乎非常复杂，并且试图用更少的代码来完成。这是唯一的方法还是我错过了什么？

我有一个带有 2 个 agm 折线点的 agm 折线。移动线的边缘（中点）时，我想用 3 个点保存新线。问题是，当将边缘移动到新位置时，事件返回错误的坐标/或只是其他坐标。

看看stackblitz。

我是角度的新手。我想在我的角度应用程序中添加谷歌地图。我正在使用 agm 模块。但我无法在其中添加 mapTypeControlOptions 字段。当我尝试在 HTML 中添加它时，页面停止加载，但没有显示错误。 <agm-map id='map' [latitude]=37.4275 [longitude]= -122.1697 [zoom]=16 [mapTypeId]="'roadmap'"[mapTypeControl]="false" [disableDefaultUI]="true" [zoomControl]="false" [streetViewControl]="false" fullscreenControl]="false" [gestureHandling]="greedy" [mapTypeControlOptions]={the options}></agm-map>

我使用 Angular 谷歌地图。除了一件事，一切都运行良好。

一旦我想使用 input 属性向地图添加样式styles，就会出现错误：

样式是正确的，地图是样式的，但是出现错误，应该不会...

款式：

用法：

如果我提供空白样式，例如：testStyle = [];- 那么也没有错误。

我在互联网上发现这可能是由 AdBlock 引起的。但是现在我已经禁用了所有浏览器扩展，但错误仍然存​​在。

我对角度很陌生。当我单击标记时，我试图显示我的模式。它编译成功，然后输出错误。有时编译不成功。我该如何解决这个错误？是不是因为我设置了jquery错误？所有这些代码都在一个名为 HomeComponent 的组件中。代码和错误：

我正在使用 AGM（角度谷歌地图）库处理角度。我不知道如何让每个标记的信息窗口内容不同。我希望每个标记都有自己的信息弹出。这是我的 component.html ：

这是我的 component.ts ：

任何帮助将不胜感激，谢谢！

我试图将谷歌地图集中在标记上，我得到的是：

我想要的最终结果是上面的图片。由于某种原因，它根本没有居中。这是我的 HTML 代码：

lat 和 lng 最初设置为 0.0

//地图属性

我通过 Web Api 调用设置了 lat 和 lng。

我会想，因为我已经将 lat 和 lng 设置为从 API 调用获得的数据，它应该自动将其设置为居中？不过好像不是这样。。

先感谢您。

我正在构建一个允许您编辑地图的应用程序，编辑器具有带有 Agm 地图模块的谷歌地图，用户的最终结果是一个 iframe，其地图嵌入到他的网页中。我正在为编辑器使用该模块，并在 app.module.ts 中使用我的 API 密钥导入它。

iframe 将是一个使用相同后端的独立 Angular 应用程序。我需要将从数据库中获取的用户的 API 密钥，但我不知道如何在 Angular 中构建这部分，似乎它使用 api 密钥创建构建，是否可以这样做以某种方式在运行时修改密钥？我已经看到它是在 jQuery 中完成的。可以从 script 标签或 vanilla js 中的代码中获取它，例如：

在最后一个例子中，它可以很容易地完成，谢谢

我想在我的网站上显示一个简单的谷歌地图。我遵循了几个教程，他们总是告诉我相同的：生成 API KEY，启用 Google Maps API 并输入此代码...首先它正确加载我想要的纬度/经度（斯图加特市），但在 1 秒后地图切换到错误显示，控制台显示Google Maps JavaScript API error: ApiNotActivatedMapError：

1 秒后：

当我用谷歌搜索错误时，我总是得到启用 Maps JavaScript API 的建议，例如： ApiNotActivatedMapError for simple html page using google-places-api

但是当我在我的 Google Cloud Console 中查找它时，Maps JavaScript API 已启用：

和：