vue集成openlayers加载geojson并实现点击弹窗教程

本文实例为大家分享了vue+openlayers加载geojson并实现点击弹窗教程，供大家参考，具体内容如下

第一步：安装vue-cli

cnpm install -g @vue/cli

第二步：新建一个项目

1.新建项目 （vue-openlayers为项目名）,并选择default模版

vue create vue-openlayers

2.安装openlayers

cnpm i -S ol

第三步：写业务代码

1.删除掉HelloWorld.vue 新建 olmap.vue组件

components/olmap.vue代码：

App.vue代码：

2.运行

npm run serve

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。