问题标签 [angular-openlayers]

如何使用 Openlayers 6 和 Angular 10 在地图上绘制多边形？

我的组件 HTML 文件是：

组件的样式：

组件逻辑：

我还检查了图层顺序是否正确。不用找了。

@Mike 实现的最终解决方案是：

如何将具有特定投影的简单多边形添加到我的地图？

多边形是有效的，我之前检查过。

这就是我尝试在将多边形放在地图上之前对其进行转换的方式：

尝试1：

尝试2：

如何为地图设置特定投影？我在 Angular 10 上下文中使用 Openlayers 6。

该地图在 EPSG:3857 中加载，我想通过投影 EPSG:28992 使用它。

尝试1：

尝试2：

我正在使用 Angular 和 Openlayers 构建应用程序。我有一个在 zoomend 上工作的函数，它为我提供了当前框中的全部功能。我能够在 console.log 中获得输出，但不能在 HTML 中获得。

app.component.ts

app.component.html

app.module.ts

我也添加了 browserModule 和 CommonModule

我究竟做错了什么？

所以我看到了一个创建多边形圆来缩放的例子。这是从兴趣点到半径的实际距离。

是否有必要这样做，var newradius = radius / pointResolution因为这没有给我以米为单位的正确距离。它实际上将它分开。我不知道这是否有意义。

我有一个在地图上显示 gps 标记的应用程序。坐标来自图像并且它们是正确的，但是标记非常不准确。

这是我的代码： https ://stackblitz.com/edit/angular-ivy-c97txg?file=src/app/app.component.html

预期位置如下图所示：

我知道它与坐标的投影有关，但不幸的是我不明白到底是怎么回事。

我正在关注一个在线研讨会和示例，您可以在此处找到它：

在上述链接中发布的示例中，在两个函数中

和

分别使用了以下属性

但是，当我尝试在 Visual Studio 代码中运行代码时，它强调了两者

红色，表示不存在此类属性。请让我知道哪些属性可以使用，以便我可以访问包含在

代码：

我正在尝试在我用 Angular 开发的项目中加载地图。为此，我正在使用 OpenLayers。
我想下载瓷砖的存储库是
http://www.ign.es/wmts/mapa-raster
如果我去这个站点 测试请求 WMTS
有了这个请求，我可以测试服务器响应和请求的模板：

• 层 = MTN
• 样式 = 默认
• TileMatrixSet = EPSG:4326
• 服务 = WMTS
• 格式 = 图片/png
• TileMatrix = EPSG:4326:4

服务器响应成功，但如果我使用 OpenLayer 库将此选项放在我的 Angular 组件中，页面中不会出现任何内容，但如果我使用 XYZ 等其他服务，则可以完美运行。但是，不幸的是，我需要为这个项目提供 WMTS 服务。

这是我的代码：
ol-map.component.ts

ol-map.component.html

索引.html

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

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

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

任何帮助是极大的赞赏！

升级到 OpenLayers 6.6.1 后，我收到了数百个由泛型引起的打字稿错误。

例如...

产生错误

通用类型“VectorLayer”需要 1 个类型参数

通用类型“功能”需要 1 个类型参数。

我读过的一些主题，例如...

https://github.com/openlayers/openlayers/issues/8673

似乎表明使用 // @ts-ignore 是一个修复程序，但这不是让您的项目充满泛型的打字稿错误的好解决方案。

请告诉我有更好的解决方案...非常感谢任何帮助