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

openlayers - 如何将鼠标滚轮缩放级别限制为 View.resolutions 中指定的级别?

我想将鼠标滚轮缩放级别限制为 View.resolutions 中指定的级别。

我能做些什么来实现它?

0 投票
1 回答
1162 浏览

javascript - OpenLayers 在运行时改变特征的颜色

我使用 OpenLayers v6.3.1,包括以下样式表和脚本:Scriptfile , Stylesheet

目标:

我的目标是使用 javascript 在运行时更改功能 (LineString) 的颜色。

设置:

我主要使用了这个网站的代码:OpenLayers

在这段代码中,我在两个坐标之间创建了一条线:

这给了我这张地图: 地图

我想在运行时更改线条的颜色。

到目前为止我尝试了什么: 我尝试使用以下代码更改颜色:

颜色的值确实发生了变化,但线条本身的颜色保持不变。

0 投票
1 回答
59 浏览

pgadmin - Openlayers Wfs-删除功能的事务问题,看起来我从功能属性中丢失了一些东西,因为响应说o已删除

这是我的代码

交易功能 -

Openlayers Wfs-删除功能的事务问题,看起来我从功能属性中丢失了一些东西,因为响应说删除了。

0 投票
0 回答
81 浏览

jquery - 使用 openlayer 或条例调查 api 从 lat long 获取地址

我正在使用带有开放式 6 层地图的法令调查层。并试图通过其纬度和经度来获取特定位置的地址。在条例调查 api 和谷歌上搜索了很多,但没有找到任何东西。谁能帮我通过纬度和经度找到地址。

0 投票
0 回答
540 浏览

jestjs - Openlayers 6 TypeError:URL.createObjectURL 不是函数

我有一个问题,在我将 openlayers 从 5.3.1 更新到 6.3.1 后,当我运行 test、jest 或 mocha 时,都显示错误“TypeError: URL.createObjectURL is not a function”,这是什么原因?

摩卡-Webpack:

笑话:

FAIL test/map.test.js ● 测试套件无法运行

0 投票
0 回答
243 浏览

layer - Vectorlayer 的 postrender 事件不适用于 openlayers 6

我们正在使用 openlayer 6.3.1 并且想使用来自 Layer Api 的“postrender”事件,但它不能正常工作。

代码是这样的:

控制台日志消息将不会显示。

但是,如果我将代码更改为:

日志消息“test”将显示在控制台中,

如果我将代码更改为:

没有控制台消息,可能是什么问题?我们的项目是骨干基础,我们使用了很多骨干事件,我不知道它是否会造成一些麻烦。

0 投票
1 回答
1192 浏览

openlayers-6 - Openlayers 6 离线本地矢量 pbf 文件“未实现类型:6”错误

我正在尝试将 OpenStreetMap 数据(osm.pbf 文件)转换为“z/x/y.pbf”文件夹/文件结构,并使用 Openlayers 6 和 Ionic 离线显示地图。

到目前为止我所做的是:

  1. 下载的 osm.pbf 文件(https://download.geofabrik.de/europe/netherlands/flevoland.html
  2. 使用 Maperitive 打开 osm.pbf 并用于generate-mbtiles [minzoom=0 maxzoom=16]生成 mbtiles
  3. 使用 mbutil ( https://github.com/mapbox/mbutil ) 和mb-util --image_format=pbf input_folder output_folder命令。在此之后,我最终在正确的文件夹结构中使用 pbfs -到目前为止非常好
  4. 使用 openlayers 显示 pbfs(请注意,我使用的是 Ionic,所以这里有一些 Angular 代码)

在此之后,一旦我尝试在浏览器中查看地图,我就会得到“错误:未实现的类型:6”。 在此处输入图像描述

有趣的是,如果我使用https://openmaptiles.com/downloads并从那里下载 mbtiles 并执行第 3-4 步(在第 3 步中,我只是做额外的步骤并解压缩 pbfs,因为 openmaptiles gzip 是文件)一切都会正确显示,但这里的问题是 openmaptiles 提供 14 个缩放级别,我需要 16 个缩放级别。

知道如何克服这个问题吗?任何帮助将不胜感激!

0 投票
0 回答
60 浏览

javascript - openlayers 6 使用自定义图像填充功能

这假设使所有特征多边形填充位于 /images/crop.jpg 的图像,但在现实生活中它只是绘制透明多边形。

有什么我想念的吗?

谢谢!

0 投票
1 回答
134 浏览

javascript - 它是 getFeaturesAtPixel(pixel, opt_options) 的错误吗?

当我使用此函数获取特征时,我发现:如果“特征”的“样式”(如图像和文本)在特征坐标的 100 像素范围内,则可以通过使用“特征”内的像素来获取特征风格'; 但是如果“样式”太远(超过 100 像素),我无法通过使用“样式”的像素来获得“特征”。

例如,将“ol/style/Text”添加到功能的样式中。

0 投票
1 回答
564 浏览

openlayers - 使用 wrapX 时,OpenLayers WMTS 图层图块未在正确位置渲染

我有一个小的 openlayers webapp(用于学习),它加载一个 WMTS 功能文件,从一个广告图层创建一个 WMTS 源,然后将该图层添加到地图中。它可以在该源上未启用 wrapX 的情况下正常工作。

但是,当为 WMTS 源启用 wrapX 时,渲染层的包裹部分无法正确渲染。看起来它在某些位置渲染了错误的图块。

未启用 wrapX 的屏幕截图

启用 wrapX 的屏幕截图

这个问题在某些缩放级别上消失了。对于这个例子,当我放大时,wrapX 在某些时候开始正常工作。

是什么导致了这种奇怪的 wrapX 行为,我该如何纠正它?

这是代码: