Question

我是OL的新手。

我有一个指向geosjon的文件。

我想更改点的颜色而不是默认颜色，我不知道该怎么做。

我尝试将Openlayers自己的指南用于静态样式-但这对我来说意义不大。链接至指南：https://openlayers.org/workshop/en/vector/style.html

当我不输入指南中的代码时，我的地图可以工作，但是当我用chrome时会说：enter image description here

当我在地图上放置geosjon图层时，我猜我的代码有问题-我不知道它是什么。

所以请帮助我。我的.js代码的geosjon部分是：

var trees_cologne = new ol.layer.Vector({
 title: 'Some trees of Cologne',
source: new ol.source.Vector({
format: new ol.format.GeoJSON(),
url: 'trees.geojson'
}),
//import of the trees

const layer = trees({
source: 'trees.geojson',
style: new Style({
  fill: new Fill({
    color: 'red'
  }),
  stroke: new Stroke({
    color: 'white'
  })
})
});

Answer 1

对于点，样式通常是一个圆，需要定义半径。填充和笔触应在其内部定义（笔触宽度应设置为小于半径）。还要检查您的geojson是否使用与地图相同的坐标系，并且如果它们不同，则必须以以下格式适当地指定投影：OL5中的dataProjection（OL5中为默认 DataProjection）和featureProjection用于地图视图。完整的图层设置应如下所示：

[TAILING] Tailing last 15 lines for [wiki] process (change the value with --line
s option)
C:\Users\cmms\.pm2\logs\wiki-out.log last 15 lines:
C:\Users\cmms\.pm2\logs\wiki-error.log last 15 lines:
0|wiki     |     at Function.Module._resolveFilename (module.js:548:15)
0|wiki     |     at Function.Module._load (module.js:475:25)
0|wiki     |     at Function.Module.runMain (module.js:694:10)
0|wiki     |     at startup (bootstrap_node.js:204:16)
0|wiki     |     at bootstrap_node.js:625:3
0|wiki     | module.js:550
0|wiki     |     throw err;

如何在openlayers中更改geosjon图层样式？

1 个答案: