本文实例为大家分享了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进行检测
new Vue({
el: '#app',
router,
components: { App },
template: ''
})
4、api
文件目录：static/js/api.js
const host = 'https://api.obtdata.com/';
export default {
'searchcity': host + 'standard/searchcity'
}
5、实现代码
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。
