问题标签 [openlayers-5]

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 回答
339 浏览

javascript - OpenLayers5:hitTolerance 似乎不适用于 WMS 层

我是 OpenLayers 的新手,因为我今天刚刚尝试将我的地图从 Leaflet 移植到 OL,因为hitTolerance这正是我想要的。另外,我知道 v5 是相当新的,所以根据我的经验,文档并没有完全更新。

我似乎无法hitTolerance使用 WMS 图层。

我知道,从 v5 开始,您现在可以在 中指定hitToleranceforEachLayerAtPixel但我仍然必须非常准确地击中该层才能使其被forEachLayerAtPixel.

我也试过forEachFeatureAtPixel了,但这没有给我任何东西。WMS 图层是否具有功能?

我已经尝试过TileLayer/TileWMSImageLayer/ImageWMS。两者的行为相同。forEachLayerAtPixel即使与hitTolerance我一起使用100仍然必须非常精确才能击中图层。

难道我做错了什么?我不知道这是否是一个错误,或者是否hitTolerance根本不适用于 WMS 图层。任何帮助,将不胜感激。谢谢。

0 投票
1 回答
562 浏览

openlayers - Openlayers5 在 Internet Explorer 11 中不起作用

Openlayers5 简单示例在 Internet Explorer 11 中不起作用。它在 Chrome 和 Mozilla 中正常工作。

https://openlayers.org/en/latest/examples/simple.html

问题是什么?

0 投票
0 回答
126 浏览

openlayers-5 - V5.0.3 点击模拟

自 ol V5 以来,我无法创建新的单击事件(模拟单击功能的示例):

错误 :

我使用完整的构建 ol.js。

它通过使用 jQuery 事件来工作......

为什么我们不能再实例化 MapEvent 或 MapBrowserEvent 了?或者这样做的好方法是什么?

谢谢

0 投票
1 回答
1798 浏览

javascript - 打开第 5 层包含 XY 不起作用。检查坐标是否在多边形中

我正在尝试检查一个点是否在多边形内。这是我的功能:

所有结果都是false。如何检查坐标是否在多边形中?OpenLayers API 对我没有任何帮助。

提前致谢

0 投票
1 回答
407 浏览

click - OpenLayers 5 - 点击有点移位

我担心地图中的一些问题。click-Event 工作正常,但它有点向右偏移,这意味着如果我点击一个特征的左边一点(可能是 6 像素或其他东西),它会选择该特征,但我实际上没有点击在上面。这意味着,如果有 2 个要素彼此相邻并且我单击左侧边界附近,它会单击右侧而不是左侧。感觉就像地图注意到了右边一点点的点击。有人也有这个问题吗?

我教 OL 处理 EPSG:25832,因为我们普遍使用它,所以我认为这是问题所在。在一遍又一遍地切换所有EPSG之后,我发现问题就在那里,与使用哪个EPSG无关。

我听说过 hitTolerance,所以将它设置为 0,只是为了测试它。

这里是我的地图的创建:

这里添加了 Select-Interaction (问题在于每次交互,这只是我添加它们的示例):

}

selectFeature(feature) 只是设置该功能的样式,因此在这里没有影响。在这里,我教 OL 如何处理 EPSG.25832(使用 proj4):

也许有人也有或遇到过这个问题?

0 投票
1 回答
447 浏览

openlayers - 如何通过无限平移(OpenLayers)获取投影特征的坐标

我正在创建一个弹出控件,用于在用户将鼠标移动到特定图层上的功能上时显示信息。我希望弹出窗口捕捉到特征的几何(点)而不使用鼠标位置的坐标。

问题是这在主要特征上效果很好,但是,当向左或向右平移一个地球旋转并将鼠标悬停在投影特征上时,弹出窗口会在原始坐标处越过主要特征,而不是在扩展的平移视图。

这是我的代码:

我相信这个问题与使用有关,feature.getGeometry().getCoordinates()因为它只返回实际特征的坐标,而不是投影的坐标。有没有办法返回投影特征几何位置的像素坐标?

0 投票
1 回答
234 浏览

openlayers - 如何在 Chrome 中获取示例的源映射

当我在开发工具中打开源文件时,在 Chrome 中使用 ol 5 个示例时,我只看到编译后的 webpack 版本,并且收到消息“检测到源映射 ...”,但我不知道如何打开关联的 .map 文件。

在我对其他 webpack 编译项目的非常有限的经验中,源代码在我没有任何操作的情况下显示。

0 投票
1 回答
732 浏览

openlayers - 将地图设置为 angular6/openlayers 中的变量

我使用 angular 6 和 openlayers 5.1.3。我npm install ol --save成功了,然后在我的角度我做到了

这工作正常,但问题是,如果我这样做

进而

我得到Cannot read property 'olmap' of null 指的是这个this.olmap.getView().animate({center: coords, zoom: 10});

为什么我不能olmap用来引用this.olmap,因为我是在 Typescript 中与其他变量一起定义它的?我再也没有遇到过这个问题,我总是访问像this.x

为什么我会收到此错误?这是什么意思?

请解释一下,这样我就可以理解出了什么问题,并且可以继续我的项目,而不会有任何问题。

谢谢

0 投票
1 回答
2370 浏览

css - 无法以角度获取openlayers css

我刚开始在我的 angular 6 中使用 openlayers 5,我按照本教程进行操作,并且还在查看这个 SO question。我的角度组件现在有

在我的课上

然后在我的ngOnInit

这可行,但我没有得到 openlayers 的样式。我在 map 下将缩放按钮作为简单的无样式按钮div。我在这里想念什么?如何插入 opelayers css 样式?

谢谢

在此处输入图像描述

0 投票
1 回答
2248 浏览

vector - openlayers 5中矢量图层的交互功能

我正在使用openlayers 5.1.3,我对如何创建单击矢量图层特征的功能感到困惑,得到我点击的那个,然后得到它的属性。我正在关注这个例子,这是我发现的唯一相关的例子。

我有一个空向量源,在搜索后获取 GeoJSON 数据

初始化地图和向量

搜索后

selectClickaddInteraction是最接近我想要的东西。我不知道如何继续,我不知道这是否是获取我单击的特定功能的正确方法组合,所以我可以获取它的属性。另外,对我来说奇怪的是,我没有看到getFeature矢量图层的任何(不是普通的)方法或功能。

我该如何进行?

谢谢