Рисовать линию между двумя точками, используя OpenLayers

У меня есть две точки с lolLat как 0,10 и 30,0

Теперь, чтобы нарисовать маркер в этот момент, я использую это преобразование, создавая для него маркер

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

Как я могу нарисовать линию между ними, есть ли способ сделать это в openlayers, я пробовал делать это с linestring в векторном слое, но он, похоже, не работает для меня.

Ответы

Ответ 1

Например:

map = new OpenLayers.Map();

var start_point = new OpenLayers.Geometry.Point(0,10);
var end_point = new OpenLayers.Geometry.Point(30,0);

var vector = new OpenLayers.Layer.Vector();
vector.addFeatures([new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LineString([start_point, end_point]))]);
map.addLayers([vector]);

Демо-версия

Ответ 2

В 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.addLayer(vectorLineLayer);