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

openlayers - OpenLayers 5 v5.2.0 将圆绘制为多边形

我正在尝试升级到 OpenLayers v5.2.0,但看不到将圆绘制为多边形的清晰路径(我需要它以便将其存储在我们的数据库中)

这就是我正在做的...

...但是 ol.Sphere 在这个版本的 OpenLayers 中甚至不是一个东西,并且在这个版本的 OpenLayers 中的 ol.sphere 不喜欢这个......

任何帮助是极大的赞赏!!

0 投票
1 回答
1122 浏览

openlayers - 如何在热图中显示计数而不是幅度?

我正在尝试在下面实现一个 openlayers 热图示例:

https://openlayers.org/en/latest/examples/heatmap-earthquakes.html

是否可以显示数量而不是数量(同一区域中有多少点)?

编辑:指针计数并在缩小时显示:
缩小时指针计数和显示

0 投票
0 回答
66 浏览

javascript - 获取OL5中KML特征的样式

我正在尝试提取 KML 的样式。它在屏幕上显示得很好,就好像嵌入了样式一样,但是当我尝试获取样式对象时:

它只返回某种函数 def:

ƒ (t,e){var i,r=c,n="";if(r){var o=t.getGeometry(); ...

0 投票
1 回答
637 浏览

openlayers-5 - OL 5 中的大地测量?

这个例子,下面的 url,使用 OL-3 和一个选项来做大地测量使用“var wgs84Sphere = new ol.Sphere(6378137);”

http://www.rhone-mediterranee.eaufrance.fr/milieux-aquatiques/poissons/js/openlayers-v3.19.1/examples/measure.html

如何设置 OL 版本 5 使用的相同变量(“wgs84Sphere”)?!

0 投票
1 回答
2717 浏览

angular6 - 什么添加标记以使用角度 6 映射 openlayer 5

我在 Angular 6 中为我的项目使用 OpenLayers 5。我实现了它来显示地图并且它正在工作:-)。但是我不能让它显示任何标记,请帮助我!!!显示使用此版本 OpenLayers 的示例...

}

0 投票
1 回答
720 浏览

openlayers - 在开放层中,相同纬度和经度的多个标记不显示所有标记

我正在使用 openlayers 在地图中显示标记,但具有相同纬度和经度的标记没有显示,而是显示如下图:

标记为计数

我期待当我放大时,它会将标记显示为图钉,但它只显示如上图。

0 投票
0 回答
379 浏览

openlayers - OpenLayers 5 会加载 WFS 功能,但不会在地图中添加和显示它们

这实际上应该很容易,但是我在这里被困了两天,仍然找不到为什么 OpenLayers 没有按照我对 API 的预期执行的原因。

我想加载一个 WFS 图层并在我的地图中显示。功能可以在这里看到:http ://www.pegelonline.wsv.de/webservices/gis/aktuell/wfs?service=WFS&request=GetCapabilities

在完成 Capabilities 之后,我开始构建我的 VectorLayer。我从 Openlayers API 中了解到有两种加载功能的方法:一种是使用formaturl,另一种是使用loader

由于format + url的方式看起来很简单,所以我决定使用它。我根据从功能中获得的内容创建了 URL:http ://www.pegelonline.wsv.de/webservices/gis/aktuell/wfs?service=WFS&version=1.1.0&request=GetFeature&typeName=gk:waterlevels&outputFormat=GML3

如您所见,GML3 格式的所有 530 个特征都可以通过此 URL 加载,因此到此阶段为止都没有问题。

我开始编写 OpenLayers 5 代码:

我已经完成了所有的导入,但只是没有在这里显示以节省空间。第一个想法实际上是风格似乎不太好。但是在我检查图层后,layer.getSource().getFeatures()我发现 Vectorlayer 中有 0 个特征。

但在网络分析中,我可以看到成功加载了 530 个特征的 GML 文件。所以我现在有点困惑。

如果有人能指出我在这里可能做错了哪一步,我将不胜感激。我已经多次检查了导入、WFS 功能,并且还多次更改了样式。我什至尝试过loader,但到目前为止没有任何效果。

0 投票
1 回答
809 浏览

javascript - Openlayers 地图图块最初未在单页应用程序中加载

我有一个使用构建的单页应用程序

  • 快递(4.16.3),
  • Openlayers (5.3) 和
  • Pug (2.0.3 – 以前称为 Jade) 模板引擎。

地图容器已加载,并具有带有ol-类的子元素以及左上角的缩放控件。这样 Openlayers 脚本就成功执行了。但它不会在加载时显示地图图块。

当我调整浏览器的大小时,地图图块突然出现。所以我想知道:

在浏览器调整大小时触发瓷砖突然渲染的事件是什么,我如何自己触发它以便地图在加载时正确显示?

我的index.pug样子是这样的:

在该main部分中,您会看到map包含的 pug 模板如下所示:

0 投票
2 回答
717 浏览

openlayers - 如何在 Open Layers 5 中更新 XYZ 层

删除并重新添加 XYZ 层是在 ol5 中更新它的唯一方法吗?

我知道 TileWMS 有一个 updateParams() 方法,这很好,但我正在使用的一些层是带有时间查询参数的 XYZ。

这是我如何解决它的伪代码,但这似乎不是正确的方法。

谢谢!

0 投票
2 回答
1726 浏览

openlayers - OpenLayers v 5.3.0 - 找回归因行为

在新版本 v 5.3.0(ol 地图库)中更改了行为属性。在我有图标“i”之前,所有显示图层的归属。

在此处输入图像描述

在此处输入图像描述

现在我有一些扁平化的信息。

开发人员给出了使用先前行为的说明:

属性不可折叠ol/source/OSM

当地图包含来自ol/source/OSM源的图层时, ol/control/Attribution控件将显示为 ``collapsible: false` 行为。

要获得以前的行为,请ol/control/Attribution 使用 collapsible: true.

但是如何实现呢?