vue使用openlayers获取当前图层要素

要在Vue中使用OpenLayers获取当前图层要素，你可以按照以下步骤进行操作：

1. 在Vue项目中安装OpenLayers库，可以使用npm或yarn进行安装：

npm install ol

或

yarn add ol

2. 在Vue组件中引入OpenLayers库：

import ol from 'ol';
import 'ol/ol.css';

3. 定义一个OpenLayers地图对象：

let map = new ol.Map({
  target: 'map',
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    })
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([37.41, 8.82]),
    zoom: 4
  })
});

4. 定义一个交互对象来获取要素信息：

let selectInteraction = new ol.interaction.Select({
  condition: ol.events.condition.singleClick,
  layers: [layer] // layer是当前要素所在的图层
});

5. 监听选中要素的事件，并获取要素信息：

selectInteraction.on('select', function(event) {
  let feature = event.target.getFeatures().getArray()[0];
  let properties = feature.getProperties();
  console.log(properties);
});

在上面的代码中，我们使用`ol.interaction.Select`对象来监听地图上单击事件，并获取当前选中的要素信息，`event.target.getFeatures().getArray()[0]`获取选中的第一个要素对象，`feature.getProperties()`获取要素的属性信息。

注意：在使用OpenLayers获取要素信息时，需要保证地图中的图层已经加载完毕，否则可能无法获取到要素信息。