leaflet如何加载IGServer发布的WMSServer

前言

一些用户出于各种原因，未选择使用MapGIS client for JavaScript，而是选择使用原生的leaflet地图框架开发，对于如何加载IGServer发布的WMSServer服务有疑问，本文将详细介绍如何加载IGServer发布的WMSServer服务。

WMSServer简介

IGServer发布的WMSServer服务，是标准的OGC服务。

服务加载

可以使用TileLayer.WMS加载WMSServer服务，示例代码如下：

• layers：需要加载的图层名称，可以从WMSServer服务的GetCapabilities文档中获取，即Layer节点下的Name标签中的内容。如果要加载多个图层，名称之间使用逗号分隔。
• transparent：是否透明，默认为false。
• format：图片格式，默认为image/png。

        const wms = 'http://webclient.smaryun.com:8089/igs/rest/services/Map/湖北省4326/WMSServer'
        const wmsLayer = L.tileLayer.wms(wms1, {
            layers: 'Map_湖北省4326:t0,Map_湖北省4326:t1,Map_湖北省4326:t2,Map_湖北省4326:t3,Map_湖北省4326:t4,Map_湖北省4326:t5',
            format: 'image/png',
            transparent: true,
        })
        map.addLayer(wmsLayer)