如何使用openlayers显示多个折线?

时间:2014-06-17 07:52:15

标签: javascript openlayers openstreetmap

我一次获得多条路径,每条路径获得一秒的一个坐标。我想为我动态获取的每个路径创建折线。我尝试过,但是对于单一路径而言并不适用于多路径。

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]);

帮我绘制多条折线。

0 个答案:

没有答案