Angularjs Openlayer 绘制折线

【问题标题】：Angularjs Openlayer draw polylineAngularjs Openlayer 绘制折线
【发布时间】：2016-11-20 22:29:11
【问题描述】：

我希望为我的问题找到一个快速的答案。

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

我找不到任何解决方案。可以画出这些线吗？

感谢您的帮助！

【问题讨论】：

【解决方案1】：

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

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

然后创建线串几何体

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

并创建一个特征并将其添加到图层中

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

vectorSource.addFeature( feature );

【讨论】：