`DragBox` не может отображаться при выборе

#javascript #vue.js #openlayers

#javascript #vue.js #openlayers

Вопрос:

Я определил DragBox в Vue с Openlayers помощью этого:

       this.dragBox = new DragBox({
        condition: platformModifierKeyOnly,
        style: new Style({
          stroke: new Stroke({
            color: [0, 0, 255, 1],
          }),
        }),
      })
      this.map.addInteraction(this.dragBox)
 
 <style scoped>
.ol-dragbox {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: rgba(100, 150, 0, 1);
}
</style>
 

Но когда я начинаю использовать его для выбора, он не отображается на экране, но некоторые функции действительно выбраны. Как я могу сделать так, чтобы dragbox отображался на экране при выборе функций? Спасибо!