Javascript 如何使用openlayers显示多条多段线?
我一次得到多条路径,每一条路径一秒钟得到一个坐标。我想为动态获取的每条路径创建多段线。我试过了,但在单路径下效果很好,而在多路径下效果不好Javascript 如何使用openlayers显示多条多段线?,javascript,openlayers,openstreetmap,Javascript,Openlayers,Openstreetmap,我一次得到多条路径,每一条路径一秒钟得到一个坐标。我想为动态获取的每条路径创建多段线。我试过了,但在单路径下效果很好,而在多路径下效果不好 var lineLayer = new OpenLayers.Layer.Vector("Line Layer"); map.addLayer(lineLayer); map.addControl(new OpenLayers.Control.DrawFeature(lineLayer, OpenLayers.Handler.
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]);
请帮助我绘制多段线。您是说使用多段线吗?多重字符串在其构造函数中接受一个线字符串数组。如果是这样的话,您将必须有一组线点来将每个新点推送到,并且您需要知道它来自哪个设备,因此新点进入正确的线串。是的,我第一次使用Openlayers。你能给我举个例子说明如何使上述代码工作吗?当然,工作和世界杯都有点忙,但我会尽快去做的。