zl程序教程

您现在的位置是:首页 >  前端

当前栏目

122:vue+openlayers 使用url引用方式加载Geojson数据 (示例代码)

Vue数据代码 方式 示例 加载 url 引用
2023-09-14 09:09:16 时间

在这里插入图片描述

第122个

点击查看专栏目录


本示例的目的是介绍演示如何在vue+openlayers中添加显示本地GeoSON数据(EPSG:3857),采用的是URL引用的模式,非ReadFeatures的方式。

直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果; 注意如果OpenStreetMap无法加载,请加载其他地图来练习

示例效果