279：vue+openlayers: readFeature 模式加载本地Geojson数据，解决vue加载geojson错误的问题

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

文章目录

• • 一、示例效果图
  • 二、示例简介
  • 三、配置方式
  • 四、示例源代码（79行）
  • 五、相关文章参考

一、示例效果图

二、示例简介

本示例演示如何在vue+openlayers中添加显示GeoSON数据，显示的是瑞士区域内的数据（EPSG:4326）。vue-cli本身是不能够load geojson数据的。需要另外添加loader，来解决vue加载geojson错误的问题

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

三、配置方式

1）查看基础设置：https://xiaozhuanlan.com/topic/1378924560
2&#