vue+openlayers绘制省市边界线 vue+openlayers绘制省市边界线

本文实例为大家分享了vue+openlayers绘制省市边界线的具体代码，供大家参考，具体内容如下

文章图片

1、创建项目

vue init webpack ol_vue

文章图片

2、安装ol依赖包

npm install ol

3、引入axios

npm install axios --save

文件目录：src/main.js

import Vue from 'vue'import router from './router'import App from './App'import axios from "axios"; //添加实例属性：不想污染全局作用域，在原型上定义它们使其在每个 Vue 的实例中可用。prototype向对象添加属性和方法。// $ 是在 Vue 所有实例中都可用的属性的一个简单约定。Vue.prototype.$axios = axios//阻止启动生产消息。Vue.config.productionTip = false//开启debug模式//Vue.config.debug = true//禁用ESLint进行检测/* eslint-disable no-new */new Vue({ el: '#app', router, components: { App }, template: ''})

4、api

文件目录：static/js/api.js