问题标签 [openlayers-6]

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 投票
3 回答
501 浏览

javascript - 我无法显示 KML

我在 openlayers 中迈出了第一步,我觉得它很有趣,但是基于一个简单的例子来展示 OSM,我不可能添加一个带有 KML 文件的层并将它一起展示。

我知道我即将实现它,这就是我去找你的原因,在此先感谢您的帮助。

我的代码如下:

0 投票
1 回答
47 浏览

openlayers - 如何在 Openlayers 6 中自动调整形状的字体?

我使用 Openlayers 来绘制字符和形状。

我想根据形状的大小动态更改字符大小。

这是上面代码的结果图像

0 投票
1 回答
309 浏览

javascript - 打开第 6 层 - 图像层与矢量图层相结合

我正在尝试将图像层与矢量图层相结合,但是当我将投影添加到 View 时,矢量消失了。难道我做错了什么?

这是我想要实现的一个示例: https ://stackblitz.com/edit/react-ol6

我希望下面的这两层在视图中在一起。

矢量图层

图像层

0 投票
1 回答
190 浏览

openlayers - 在 Openlayers 6 / Proj4js 中使用特定的 nadgrid

我在使用 proj4js 将矢量数据从一个坐标系重新投影到另一个坐标系时遇到问题。

数据源使用 Gauss Kruger 2 Projection ( EPSG: 31466 ),我想将其转换为EPSG:3857并显示它。通常它工作正常,但与在背景中显示区域照片的 WMS 服务相比,有一个小的偏移量(可能约为 1-2 米)。

在 QGIS3 中添加这些图层具有相同的输出,但我可以在其中切换矢量图层的基准转换

并且输出看起来像预期的那样。DE_DHDN (BeTA, 2007) nach ETRS89

但不幸的是,我无法在 proj4/ol 中使用/嵌入这个网格。有没有办法将它与这些框架或具有类似方法的示例(即与其他坐标系)一起使用?我的谷歌搜索技能已经结束。:)

有趣的事实:

  • 角 9.1.4
  • 开放层 6.3.1
  • 项目 4 2.6.2
  • EPSG:25832源重新投影效果很好

tl;dr:是否可以在 Openlayers/Proj4js 中使用特定的 nadgrid?

问候

0 投票
2 回答
477 浏览

ionic-framework - Total canvas memory use exceeds the maximum limit (224 MB) on ios using ionic 4 and openlayers

we are building an ionic app to show layers on maps using openlayers. Everything is working well on android but on ios when we load the second project we will have the following warning. warning: Total canvas memory use exceeds the maximum limit (224 MB)

I googled it, I think that the problem on ios is caching canvas of the map and when exceed the 224MB the app don’t crash but all layers are hidden on map and gives the above warning.

So is there any way to not cache canvas on ios using ionic? or is there any way also in openlayers?

I will appreciate your help.

thank you in advance.

0 投票
2 回答
186 浏览

javascript - 我如何访问 GeoJson 中的几何图形

在这里再次学习深度 openlayers-6,现在我想从作为图层加载的 GeoJson 文件中访问几何图形,我该怎么做?提前感谢您的帮助。

0 投票
2 回答
591 浏览

javascript - Cypress 与 OpenLayers - 如何模拟 ctrl + 鼠标拖动

我正在尝试使用 Cypress 在 OpenLayers 地图上模拟 ctrl + 鼠标拖动。

我设法让 OpenLayers 注册单击/赛普拉斯事件(例如,单击以创建功能)的唯一方法是使用.click() 例如

如果我使用.trigger()and pointerdown/ mousedown/dragstart它要么静默失败,要么抛出错误。无论哪种方式,它都行不通。

因为.click()也会发出pointerdown/pointerup事件,所以我似乎无法使用它来模拟 ctrl + 鼠标拖动。

此外,要按 ctrl,我使用以下命令:cy.get('body').type('{ctrl}', {release: false})- 这有效。

我不知道下一步该尝试什么。有没有.click()我失踪的财产?或者这是 OpenLayers 或 Cypress 的潜在错误/问题?

编辑:我正在使用 Cypress 4.8.0 和 OpenLayers 6.3.1

0 投票
1 回答
1663 浏览

javascript - 没有nodejs的Openlayers 6标记弹出窗口?

我是openlayers的新手,对他们的nodejs风格有点困惑,因为我的原因我不能使用nodejs,我正在努力寻找一些好的文档来实现我的目标而不使用NodejS,基本上我需要单击标记并获得与标记相关的弹出窗口以显示有关该标记的一些信息,例如城市名称和人口数量,所有这些信息都是由从服务器收到的 jSon 提供给我的。这是我的 Javascript 脚本和 Html 的一小部分,任何人都可以用一个例子来解释一下吗?

HTML

JAVASCRIPT

上面的代码运行良好,因为我能够在地图上正确显示标记。

0 投票
1 回答
508 浏览

reactjs - 将 ol-ext 导入 React - 打开第 6 层项目

我正在尝试建立一个 React 项目,我想在其中使用 ol-ext 提供的一些工具。我环顾四周,从库的创建者那里找到了一些 Codesandbox 项目,但由于在项目中导入库的方式导致错误,我无法使它们正常工作。

ol-ext 和其他 Open Layers 版本的语法或不兼容是否存在问题?

0 投票
0 回答
77 浏览

openlayers - 矢量图层在旋转时隐藏

在我的项目中,我创建了两个层,一个平铺层和一个矢量图层。在瓦片层中,我加载了一些图像(例如开放的航拍图像),然后我使用矢量图层在瓦片层周围创建了一个框架。

地图旋转时会出现问题。当视图旋转为 0 时,一切正常。

显示问题的代码

PS 这段代码在 ol 5.0.3 上运行得非常好。

更新

该问题已在此PR中修复