Estoy tratando de dibujar una cadena de líneas sosteniendo el objeto GeoJSON . Pero cuando comienza el proceso de dibujo, el puntero se puede seleccionar en cualquier parte del mapa. Mi propósito es que el puntero se seleccione en el objeto GeoJSON

Aquí hay algo del código.

 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) }

Y aquí está la interfaz web.

El objetivo es al hacer clic en Add LineString , la polilínea se puede dibujar con el objeto GeoJSON relativo. ¿Cómo puedo hacer eso? Gracias por adelantado.