如何在openLayers的多段线中添加样式?

如何在openLayers的多段线中添加样式?,openlayers,polyline,openlayers-6,Openlayers,Polyline,Openlayers 6,我想使用openlayers向多段线添加自定义样式,如何添加自定义样式 var coord = "atmwRgnhG_nAhz@i@Fk@Og@Ee@DoK|C^|ABr@Iz@S`@mApA_Az@kHbHcNxLgDtC"; var route = new Polyline().readGeometry(coord, { dataProjection: 'EPSG:4326', featureProjection: 'EPSG:3857',

我想使用openlayers向多段线添加自定义样式,如何添加自定义样式

var coord = "atmwRgnhG_nAhz@i@Fk@Og@Ee@DoK|C^|ABr@Iz@S`@mApA_Az@kHbHcNxLgDtC";


var route =  new Polyline().readGeometry(coord, {
      dataProjection: 'EPSG:4326',
      featureProjection: 'EPSG:3857',
});
        
var featureList = new Feature({
  type: 'route',
  geometry: route,
});
feature.setStyle(myStyle)
将向功能添加样式

var coord = "atmwRgnhG_nAhz@i@Fk@Og@Ee@DoK|C^|ABr@Iz@S`@mApA_Az@kHbHcNxLgDtC";


var route =  new Polyline().readGeometry(coord, {
      dataProjection: 'EPSG:4326',
      featureProjection: 'EPSG:3857',
});
        
var featureList = new Feature({
  type: 'route',
  geometry: route,
});

var trackStyle =  new Style({
    stroke: new Stroke({
      width: 6,
      color: [237, 212, 0, 0.8],
    }),
  })

featureList.setStyle(trackStyle);
代码片段:

var coord=“atmwRgnhG_nAhz@i@Fk@Og@Ee@DoK|C^|ABr@Iz@S`@mApA_Az@kHbHcNxLgDtC";
var route=新ol.format.Polyline({
系数:1e6,
}).readGeometry(coord{
数据预测:“EPSG:4326”,
功能投影:“EPSG:3857”,
});
var featureList=新的ol.功能({
键入:“路线”,
几何:路线,
});
var trackStyle=新的ol.style.style({
笔划:新的ol风格笔划({
宽度:6,
颜色:[237212,0,0.8],
}),
})
featureList.setStyle(轨迹样式);
var vectorLayer=new ol.layer.Vector({//vectorLayer({
source:new ol.source.Vector({//VectorSource({
功能:[功能列表]
})
});
var layer=新ol.layer.Tile({
来源:new ol.source.OSM()
});
var中心=[15038.762268462691159972.4683343808];
变量视图=新的ol.view({
中心:中心,,
缩放:6
});
var map=新ol.map({
目标:“地图”,
图层:[图层,矢量图层],
视图:视图
});
var extent=vectorLayer.getSource().getExtent();
map.getView().fit(范围{
大小:map.getSize(),
填充:[100100100100]
});
html,
身体,
#地图{
身高:100%;
宽度:100%;
填充:0;
保证金:0;
溢出:隐藏;
}

功能。设置样式(myStyle)
将为功能添加样式

var coord = "atmwRgnhG_nAhz@i@Fk@Og@Ee@DoK|C^|ABr@Iz@S`@mApA_Az@kHbHcNxLgDtC";


var route =  new Polyline().readGeometry(coord, {
      dataProjection: 'EPSG:4326',
      featureProjection: 'EPSG:3857',
});
        
var featureList = new Feature({
  type: 'route',
  geometry: route,
});

var trackStyle =  new Style({
    stroke: new Stroke({
      width: 6,
      color: [237, 212, 0, 0.8],
    }),
  })

featureList.setStyle(trackStyle);
代码片段:

var coord=“atmwRgnhG_nAhz@i@Fk@Og@Ee@DoK|C^|ABr@Iz@S`@mApA_Az@kHbHcNxLgDtC";
var route=新ol.format.Polyline({
系数:1e6,
}).readGeometry(coord{
数据预测:“EPSG:4326”,
功能投影:“EPSG:3857”,
});
var featureList=新的ol.功能({
键入:“路线”,
几何:路线,
});
var trackStyle=新的ol.style.style({
笔划:新的ol风格笔划({
宽度:6,
颜色:[237212,0,0.8],
}),
})
featureList.setStyle(轨迹样式);
var vectorLayer=new ol.layer.Vector({//vectorLayer({
source:new ol.source.Vector({//VectorSource({
功能:[功能列表]
})
});
var layer=新ol.layer.Tile({
来源:new ol.source.OSM()
});
var中心=[15038.762268462691159972.4683343808];
变量视图=新的ol.view({
中心:中心,,
缩放:6
});
var map=新ol.map({
目标:“地图”,
图层:[图层,矢量图层],
视图:视图
});
var extent=vectorLayer.getSource().getExtent();
map.getView().fit(范围{
大小:map.getSize(),
填充:[100100100100]
});
html,
身体,
#地图{
身高:100%;
宽度:100%;
填充:0;
保证金:0;
溢出:隐藏;
}

featureList.setStyle(myStyle);
featureList.setStyle(myStyle);