问题标签 [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 投票
2 回答
10022 浏览

javascript - 将地图标记添加到 Open Layers 6

我的问题很简单:如何在特定的经度和纬度上添加标记?

通过打开图层示例页面,我创建了一个带有标记的新地图。

我使用添加了标记,new ol.Feature但似乎无论我将坐标设置为标记位置都不会改变

请任何人提供有关为什么地图标记未显示在正确位置的建议?

0 投票
1 回答
2891 浏览

javascript - 打开层 6.1。- 具有多点功能的弹出窗口

我的开放层 (6.1.) 项目中有一个弹出气泡的问题。

我无法创建和查看弹出窗口并填充它,即使是带有城市的单个 GeoJSON 层也无法。

我没有进展地阅读了这篇文章: 具有多点功能的弹出窗口

我只想在单击图标时呈现城市名称。

索引.html

main.js

0 投票
0 回答
288 浏览

openlayers - 在 Openlayers 上表示高度的好方法?

在 openlayers 中,我的数据是 [lat,lon,alt] 点的数组,我能够仅使用纬度和经度绘制表示该数据路径的矢量图层。但是,我想使用颜色或线条粗细来表示高度数据。这是一个好方法吗?

0 投票
0 回答
478 浏览

asp.net - 使用 npm 和 ASP.NET 导入 js 模块的问题

背景: 我在 Visual Studio 中的 Microsoft ASP.NET 项目上运行 OpenLayers 6。我正在按照 OpenLayers 6 Map Export 示例使用 html-to-image js 库将我的地图导出为 png。在示例中,该库由 Node 的包管理器 (npm) 安装和管理,并且使用 Javascript 导入语句访问这些​​函数。因为我不在 Node 中工作,所以我不得不让 npm 在我的 ASP.NET 项目中工作,所以我安装了 Mads Kristensen 的 Web 扩展包、Node 和 npm。使用 npm,我下载并安装了 html-to-image 库,该库创建了一个 nodes_modules 文件夹并将该库放入其中。该库包含许多 typescript 和 js 文件(如下所示)。

在此处输入图像描述

问题: 我似乎无法像 OpenLayers 示例所示的方式使用 javascript 导入语句访问库的函数。他们的示例显示您通过以下方式从模块中导入 toPng 函数:

当我尝试以这种方式导入模块时,出现加载资源失败 404 错误。接下来,我尝试使用相对路径导入: import { toPng } from '../../node_modules/html-to-image';我收到了加载资源失败 403(禁止)错误。但是,我能够访问 toPng 函数所在的单个 js 文件,import { toPng } from '../../lib/utils.js';但我收到一条错误消息,指出请求的模块不提供名为“toPng”的导出。我很确定库中的 js 文件不应该以这种方式单独访问。

我的主要问题是:如何以 Openlayers 示例显示的方式导入整个 html-to-image 模块?在我的 .NET 项目中,您似乎无法像在 Node 上那样通过引用模块文件夹来使用导入语句。所有 ES6 js 模块导入示例我都可以找到从单个 .js 文件导入的参考,所以我想知道如何访问具有多个 js 文件的模块。

是否有可能这个库是专门为仅使用 Node 项目而编写的?Node.js 和 .NET 项目之间访问 ES6 js 模块的方式有什么不同吗?

对此的任何见解将不胜感激!

0 投票
1 回答
299 浏览

openlayers - 如何在打开图层图中的标记单击上设置蜘蛛视图标记?

我已经创建了开放图层地图并使用一些动态纬度和经度在地图中设置标记,一些纬度和经度值是相同的,所以单击标记时如何打开蜘蛛视图

0 投票
0 回答
78 浏览

zooming - OpenLayers:OL6 升级后缩放级别更改为非整数

我们最近从 OL5.3 升级到 OL6.1.1,我注意到 OL 处理缩放级别的方式有所不同。

以前,缩放级别始终为整数,即使在旋转地图或使用“缩放到图层”功能后也是如此;在交互之后,OL 总是将缩放级别向下舍入到下一个较小的整数。

根据 6.0.0 的发行说明,我怀疑它与constrainResolution. 有人可以给我一个提示吗?我们如何才能恢复以前的行为?

0 投票
1 回答
189 浏览

maps - Openlayers 标记偏移(不在正确的位置)

我正在使用 Web 功能服务 (WFS),并且我想在 OpenLayers 地图上显示一个标记。WFS 的回应摘录:

我使用 OpenLayers 显示带有以下代码的标记:

所以,结果如下:

因此,标记已显示,但位置不理想。我错过了什么?如何将标记置于“Mairie”公交车站的中心?

谢谢您的回答 !

0 投票
1 回答
285 浏览

openlayers-5 - 我在 OL 6 中用什么替换 OpenLayers 5 中的 PointerEvent?

尝试从 OL5.3 升级到 OL6.1,但不知道如何解决这个问题。

https://github.com/openlayers/openlayers/blob/master/changelog/upgrade-notes.md#olinteractionmodifyevent-changes

这涵盖了 MapBrowserPointerEvent 的重命名

但不确定 new PointerEvent() 需要发生什么,并且它似乎已包含在更改日志中。

谢谢,-史蒂夫

0 投票
1 回答
421 浏览

javascript - OpenLayers 从值数组创建栅格网格

我正在尝试从数据数组创建栅格网格并在 OpenLayers 中显示图层。我找到了一个示例,但它适用于 OpenLayers v2,我不知道如何使用最新版本的 OpenLayers(5 或 6)来实现。

OpenLayers 2 示例: http ://dev.openlayers.org/sandbox/august/trunk/playground/raster/raster-array.html

我知道要创建的栅格范围以及像元大小和投影。这个想法是在内部使用 javascript 数组中的值从头开始创建栅格图层,并最终将地图显示为基于值设置颜色的图像。我想我可以使用光栅。创建最终图像的操作(基于光栅值的 rgb 值),但我找不到第一步该怎么做;使用数组中的值创建栅格网格。

0 投票
1 回答
931 浏览

extent - 如何使用 openlayers 6 设置 XYZ 源的范围

我有一张地图,其背景图层为欧洲,另一个 (XYZ) 图层显示的区域要小得多。如何避免来自 XYZ 层的 404 错误消息用于未退出的瓷砖我试图通过范围:[-0.795668404302292,-0.7037491016945445,48.78018752203186,48.83999044180076] 但它不起作用。