Блог

Я пытаюсь добавить взаимодействие с рисованием на свою карту. Пользователь должен нажать кнопку, добавить одну точку, а затем добавить атрибутивную информацию об этой точке. Я все еще застрял в части рисования: после того, как я нарисовал точку на карте, положение курсора остается прежним, а движения мыши изменяют карту в фоновом режиме (например, при панорамировании). Когда я нажимаю еще раз, это прекращается. Понятия не имею, почему он это делает. В консоли в Chrome я получаю сообщение об ошибке в draw.js файл из openlayers (this.source_.addFeature не является функцией).

Благодарен за любую помощь!

Вот мой код:

     function addFeature() {
                var btn_cancel = document.getElementById('buttonCancel');
                btn_cancel.style.display = 'block';
    
                var btn_add = document.getElementById('buttonAdd');
                btn_add.classList.add("button_clicked");
    
                var draw; 
                function addInteraction() {
                    draw = new ol.interaction.Draw({
                        source: lunchvec,
                        type: "Point",
                    });
                    map.addInteraction(draw);

                    draw.on('drawend', function(evt) {
                        console.log(evt.feature.getGeometry().getCoordinates());
                        map.removeInteraction(draw);
                    });
    
                };
    
                addInteraction();
}