027：vue+openlayers加载远程shp数据（示例代码）

本示例的目的是介绍演示如何在vue+openlayers中利用shapefile读取远程shp数据，并在地图上显示图形。

点击查看本专栏内容目录列表 Openlayers示例教程100+目录

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

文章目录

示例效果加载shapefile.js方式配置方式示例源代码(共89行)专栏目标相关API参考：

示例效果

加载shapefile.js方式

（1）index.html中 引用js， 注意：本示例代码采用这种方式

<script src="/shapefile@0.6.6/dis