line - 使用 OpenLayers 在两点之间画线

Question

我有两点 lolLat 为 0,10 和 30,0

现在要绘制一个标记，我在为它生成标记时使用这个变换

lonLat.transform(
                 new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
                 map.getProjectionObject() // to Spherical Mercator Projection
             )

我如何在它们之间画线有什么方法可以在 openlayers 中做到这一点，我试过在矢量图层中使用线串来做，但它似乎对我不起作用。

Answer 1

在 OpenLayers 3.3 版中，您可以这样做

var points = [ [-89.8802, 32.5804], [-95.04286, 46.9235] ];

for (var i = 0; i < points.length; i++) {
    points[i] = ol.proj.transform(points[i], 'EPSG:4326', 'EPSG:3857');
}

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

var vectorLine = new ol.source.Vector({});
vectorLine.addFeature(featureLine);

var vectorLineLayer = new ol.layer.Vector({
    source: vectorLine,
    style: new ol.style.Style({
        fill: new ol.style.Fill({ color: '#00FF00', weight: 4 }),
        stroke: new ol.style.Stroke({ color: '#00FF00', width: 2 })
    })
});

然后添加图层到 map

map.addLayer(vectorLineLayer);