问题标签 [openlayers-6]

我在我的项目中与 Angular 8 一起使用 Openlayers 6。到目前为止，我注意到每当我将鼠标悬停在 Openlayers 地图上时，地图所在的 Angular 组件都会重新渲染。

我的问题是如何让父组件一直停止在悬停时重新渲染。因为它会减慢应用程序的速度。我的项目中有一个更大的组件，因此重新渲染所有内容，这会使应用程序本身变慢。

为此，我创建了一个仓库来证明这一点：https ://github.com/petrovichm/angular-openlayers-hover-problem 。在此示例中，我在 html 中添加了一个方法，该方法将在运行时记录下来，从而概述了角度重新渲染组件的次数。

我想用 plunker 或 codesanbox 创建在线可运行但当我让这个示例窗口冻结时，因为重新渲染中有无限循环，这使得它们无法使用，当我在本地运行这个项目时并没有发生这种情况，它只发生在徘徊

谢谢。

问题

1. 如何在不多次渲染对象的情况下使用 OpenLayers6 库实现下面描述的预期结果？
2. 如果 1 不可能，那么实现此结果的合适方法是什么（自定义库扩展？）？

期望的结果

根据附加到线/标签的属性，将不同的样式应用于对象（线）的多个标签。请注意，属性值的场景比图像中包含的场景多得多。

当前方法

目前，我通过多次渲染对象（线）并在每次渲染时摆弄样式来达到预期的效果 - 这表现不佳并且非常笨重。

我正在尝试编写此示例的修改版本。

使用 vanilla Javascript 一切正常，但现在我试图将其移动到 React 并且当我放大或缩小地图时弹出窗口不跟随地图。我想弹出窗口没有链接到地图叠加层，但它完全断开了它，这应该是问题，但我不知道如何解决它：

这是我的代码：

我尝试使用 geometryFunction 来获取坐标并将其放入一些 html 表中。
所以我使用Jonatas Walker的这个例子（对于OL3） jsfiddle

我做了一个 fork 并为 ol.js 和 css 这个 jsfiddle更改了 6.2.1 的版本

我得到这个错误（多次.....）Draw.js第683行

我试图找出原因，但现在任何想法......

我试图在地图上定位图像，但无法弄清楚位置值的含义，这让我很难获得图像的正确位置。

以下是我正在使用的代码。

图像当前显示，但位置错误。我们想使用与谷歌地图相同的坐标标准。

我正在尝试创建地图，正如我在其他网站和示例中看到的那样，每个人都可以通过鼠标点击和拖动来移动他们的地图。但是我的地图根本不会移动，有人知道我做错了什么吗？

这些是我正在使用的 components.ts 和 component.html 文件。我按照https://openlayers.org/en/latest/doc/tutorials/bundle.html上的说明进行操作，但没有安装包裹，因为我使用的是 angular。

map.component.ts

map.component.html

I want to reproject my local-geoJson file in epsg:28992 to the OSM EPSG:4326 in OpenLayers. I have the feeling I am close to the solution but I don't know what the next step is. I've tried and looked for multiple examples here at SO but I've the feeling I'm missing a certain line of code somewhere.

For now the code below shows me my local gjson file at null-island. How do I tell Open Layer to reproject it to the Netherlands?

thanks in advance.

如何使这个旧代码适应 openlayers 6

我必须使用 XYZ 或 WMS 源吗？
我必须像本例中那样使用 tileUrlFunction 重新排序 zxy 参数吗？
https://openlayers.org/en/latest/examples/xyz-esri-4326-512.html

根据@Mike帮助这里是ol 6.2的工作代码

谢谢你的帮助 ！

目标：

我正在尝试使用 OpenLayers 6.2 为一条线显示两个标签（一个在线上方，一个在线下方），同时打开整理功能。整理后的目标状态图片。

问题：

当 decluttering 关闭时，我可以实现我的目标，但是当 decluttering 打开时，它将关闭行下方的文本。

背景：

请参考随附的 CodeSandbox（index.js 文件）（或下面的代码片段）——我在第 19 行和第 30 行设置了我当前 javascript 的示例——如果数字更改为 -23 或 24（或任何更接近的值）到该行）分别，如果在第 64 行https://codesandbox.io/s/line-label-style-7y5ly将 decluttering 设置为 true，您会注意到底部标签将关闭

问题：

假设我的切片服务器只有缩放 8、9 和 10 的切片图像。

当客户端以缩放 11 开始时，我希望 Openlayers 获取缩放 10（服务器上的最大可用缩放）并在客户端中拉伸图块。所以，我希望用户看到一些东西，尽管质量较低，即使在缩放 11 上也是如此。

这可能吗？

更多解释：

（更多解释如下，以防问题没有意义）

默认情况下，如果 Javascript 客户端以缩放 11 重新开始，则不会显示任何内容（不好），但如果客户端以缩放 10 开始，然后放大到 11，则缩放 10 的已获取图块会被拉伸并显示（更好) 同时仍尝试从服务器获取缩放 11 个图块并获取 404。

我最好的尝试是设置tileLoadFunction选项，因为它被赋予了 [z, x, y] 值，并且显然可以设置平铺图像的 src。我说“显然”是因为我没有尝试过。问题是减小 z 的值是不够的，我还必须计算新 z 的 [x, y] ，这很复杂，我认为我应该避免手动进行。

这是图层的代码：