openlayers天地图叠加geoserver发布的图层

v_loading

于 2021-06-17 15:11:43 发布

阅读量562

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue openlayers geoserver 文章标签： vue javascript vue.js

本文链接：https://blog.youkuaiyun.com/v_loading/article/details/117993908

本文介绍如何在Vue项目中利用OpenLayers实现与GeoServer发布的图层进行叠加显示。首先在GeoServer上发布绘制的图层，然后在Vue应用中通过设置WMS服务URL和指定图层名称来调用该图层。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

叠加效果

在这里插入图片描述

实现

在geoserver发布画好的图层

地址：http://localhost:8080/geoserver/workspace/wms
在这里插入图片描述

vue项目中调用


	  //叠加geoserver发布的wms图层
      //workspace:test001 为图层name
	  var geoserverUrl = "http://localhost:8080/geoserver/workspace/wms";
      var wmsSource = new

最低0.47元/天解锁文章