vue+openlayers(一) 创建项目并加载一个地图

创建项目:

选择配置：我选的vue2

 打开创建的项目，删掉helloworld.vue,创建组件MyMap.vue，打开控制台下载ol包

npm i npm install ol -S

完成后package.json文件中查看是否已经添加：

"dependencies": {
    "core-js": "^3.8.3",
    "install": "^0.13.0",
    "npm": "^9.6.0",
    "ol": "^7.2.2",
    "vue": "^2.6.14"
  },

修改App.vue如下：

<template>
  <div id="app">
    <MyMap></MyMap>
  </div>
</template>

<script>
import MyMap from './components/MyMap.vue'

export default {
  name: 'App',
  components: {
    MyMap
  }
}
</script>

&l