vue2中openlayer使用

在Vue2中使用Openlayers可以通过以下步骤实现：

1. 首先，使用npm安装Openlayers最新版本：

npm install ol

2. 在Vue组件中引入Openlayers：

import { Map, View } from 'ol';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';

3. 在Vue组件的data中定义地图变量和视图变量：

data() {
  return {
    map: null,
    view: null
  };
},

4. 在Vue组件的mounted钩子函数中初始化地图：

mounted() {
  this.initMap();
},
methods: {
  initMap() {
    this.view = new View({
      center: [0, 0],
      zoom: 2
    });

    this.map = new Map({
      target: 'map',
      layers: [
        new TileLayer({
          source: new OSM()
        })
      ],
      view: this.view
    });
  }
}

通过上述步骤，你就可以在Vue2中使用Openlayers来创建地图了。