1.数据准备

        首先，接上篇，您已在GeoServer中发布了栅格（tif）数据，点击查看，在跳出的新页面地址栏里会有很长一段连接。如下所示：

http://192.168.252.227/geoserver/nurc/wms?service=WMS&version=1.1.0&request=GetMap&layers=nurc%3AImg_Sample&bbox=-130.85168%2C20.7052%2C-62.0054%2C54.1141&width=768&height=372&srs=EPSG%3A4326&styles=&

        其次，我们只需要记住地址中，问号（?）前面的内容和   layers=nurc:3AImg_Sample，即

http://192.168.252.227/geoserver/nurc/wms

layers=nurc:3AImg_Sample

2.OpenLayers中加载代码

        首先得有一个项目，具体参考我的其他文章，《Openlayers在vue3.2中的使用》，里面包括了完整的创建vue项目的流程，以及openlayers的安装。

        调用代码如下：

参考阅读

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：