213：vue+openlayers 通过WFS服务加载geoserver发布的geojson矢量数据_wfs是geojson

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

一、示例效果

二、示例简介

本示例的目的是介绍演示如何在vue+openlayers中加载geoserver发布的矢量数据，这里是加载geojson数据方法，具体的加载方式参考源代码。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果

三、配置方式

1）查看基础设置：https://xiaozhuanlan.com/topic/1378924560
或者同样查看：