如何使用 GeoJSON 对象 Openlayers 绘制多行字符串

Question

我试图通过持有 GeoJSON 对象来绘制线串。但是当绘制过程开始时，可​​以在地图上的任何地方选择指针。我的目的是在 GeoJSON 对象上选择指针

这是一些代码。

var jsonSource = new ol.source.Vector({
  url: 'https://raw.githubusercontent.com/Kardelennkayaa/ankr_tdelay/main/KAMAN.json',
  format: new ol.format.GeoJSON(),
});

var vector = new ol.layer.Vector({
  source: jsonSource,
  background: 'white',
});
map.addLayer(vector)

var jsonSource_ank = new ol.source.Vector({
  url: 'https://raw.githubusercontent.com/Kardelennkayaa/heroku_app/main/ankara_road.json',
  format: new ol.format.GeoJSON(),
});

var vector_ank = new ol.layer.Vector({
  source: jsonSource_ank,
  background: 'white',
});
map.addLayer(vector_ank)

var draw_lineString = new ol.interaction.Draw({
    type : 'LineString',
    //source:drawSource_ls
    source:jsonSource
})
draw_lineString.on('drawstart', function(evt){
    drawSource_ls.clear()
    //select.setActive(true);
})
draw_lineString.on('drawend',function(evt){
    // alert('point is added')
    clickedCoord_lineString = evt.feature.getGeometry().getCoordinates()
    
    $('#ls_adding').modal('show');
    console.log('clicked at', evt.feature.getGeometry().getCoordinates())
    map.removeInteraction(draw_lineString)
})

function startDrawing_lineString(){
map.addInteraction(draw_lineString)
}

这是 Web 界面

目标是单击添加 LineString 时，折线可以使用相对的 GeoJSON 对象来绘制。我怎样才能做到这一点？提前致谢。