【问题标题】:OpenLayers 3: simple LineString exampleOpenLayers 3:简单的 LineString 示例
【发布时间】:2015-06-17 09:54:46
【问题描述】:

我是 OpenLayers 的新手,我正在寻找在地图上绘制线条的帮助,我一直在尝试各种不同帖子中关于绘制 LineStrings 的各种事情,但我无法让它工作!我只需要弄清楚如何在坐标之间画一条线。

这里有一些我试过但没用的代码:

var points = [
    new ol.geom.Point([78.65, -32.65]),
    new ol.geom.Point([-98.65, 12.65])
  ];

var featureLine = new ol.Feature({
    geometry: new ol.geom.LineString(points)
  });

var sourceLine = new ol.source.Vector({
    features: [featureLine]
  });

var vectorLine = new ol.layer.Vector({
    source: sourceLine
  });

map.addLayer(vectorLine);

我也试过了,但没用:

var layerLine = new ol.layer.Vector({
      source: new ol.source.Vector({
          features: [new ol.Feature({
              geometry: new ol.geom.LineString(points, 'XY'),
              name: 'Line'
          })]
      }),
  });

map.addLayer(vectorLine);

有人能指出我正确的方向吗?或者告诉我哪里出错了?

编辑:感谢 Jonatas,工作代码如下所示:

  var coordinates = [[78.65, -32.65], [-98.65, 12.65]]; 

  var layerLines = new ol.layer.Vector({
      source: new ol.source.Vector({
          features: [new ol.Feature({
              geometry: new ol.geom.LineString(coordinates),
              name: 'Line'
          })]
      }),
  });

  map.addLayer(layerLines);

【问题讨论】:

  • 可以用你的代码在两点之间画线吗?
  • 嗨,您在该数组中传递“坐标”的位置,我们可以传递所有坐标还是像标记矢量图层一样,我们需要运行 for 循环并创建一个特征层数组?我正在使用 Ver 6.X

标签: javascript vector openlayers-3


【解决方案1】:

只要改变这个:

var points = [
    new ol.geom.Point([78.65, -32.65]),
    new ol.geom.Point([-98.65, 12.65])
];

收件人:

var points = [
    [78.65, -32.65], [-98.65, 12.65]
];

ol.geom.LineString 构造函数接受坐标数组。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-08-16
    • 2015-11-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多