我一次获得多条路径,每条路径获得一秒的一个坐标。我想为我动态获取的每个路径创建折线。我尝试过,但是对于单一路径而言并不适用于多路径。
var lineLayer = new OpenLayers.Layer.Vector("Line Layer");
map.addLayer(lineLayer);
map.addControl(new OpenLayers.Control.DrawFeature(lineLayer, OpenLayers.Handler.Path));
var linePoints = [];
socketConnection.on('date', function (responseData) {
marker.clearMarkers();
$.each(responseData, function (deviceName, deviceCoordinate) {
var mapLatitudeLongitude = deviceCoordinate.split(',');
var markersLongitudeLatitude = new OpenLayers.LonLat(mapLatitudeLongitude[1], mapLatitudeLongitude[0).transform(projectionFrom, projectionTo,0);
map.panTo(markersLongitudeLatitude);
var myCord = new OpenLayers.Geometry.Point(mapLatitudeLongitude[1],mapLatitudeLongitude[0]).transform(projectionFrom, projectionTo,0);
marker.addMarker(new OpenLayers.Marker(markersLongitudeLatitude));
linePoints.push(myCord);
})
var line = new OpenLayers.Geometry.LineString(linePoints);
var style = {
strokeColor: '#ff0000',
strokeOpacity: 0.5,
strokeWidth: 2
};
var lineFeature = new OpenLayers.Feature.Vector(line, null, style);
lineLayer.addFeatures([lineFeature]);
帮我绘制多条折线。