Angularjs Openlayer绘制折线

时间:2016-11-20 22:29:12

标签: angularjs openlayers-3 angular-openlayers

我希望能快速找到解决问题的方法。

我正在使用openlayer指令(https://github.com/tombatossals/angular-openlayers-directive)在我的应用程序中绘制地图。 我想在地图上添加折线,在地图上显示路线。

我找不到任何解决方案。是否可以绘制这些线?

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

如果你想在一组点之间画一条线,首先转换每个坐标

points.push(ol.proj.transform([xx,yy],'EPSG:4326', 'EPSG:3857'));

然后创建LineString Geometry

var thing = new ol.geom.LineString(points);

并创建一个功能并将其添加到图层

var feature = new ol.Feature({
    name: "Thing",
    geometry: thing
    })
});

vectorSource.addFeature( feature );

演示 https://plnkr.co/edit/WqWoFzjQdPDRkAjeXOGn?p=preview