leaflet.js生成WMS的Layer

`leaflet.js` 是一个非常流行的开源 JavaScript 地图库，它允许开发者轻松地在网页上集成交互式地图。对于需要显示 WMS (Web Map Service) 数据的情况，`L.TileLayer.WMS` 类提供了一个方便的方式来添加 WMS 图层。

要使用 `leaflet.js` 生成一个 WMS 层，你需要做如下步骤：

1. 引入 Leaflet 库：

   <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>

2. 创建 WMS 层实例，并配置必要的参数。这些参数通常包括 WMS 服务的 URL、版本号、所需的图层名（layerName）、CRS（坐标参考系统），以及其他像样式、透明度等设置：

   var wmsUrl = "your_wms_url_here";
   var layerName = "your_layer_name_here";
   
   var wmsLayer = L.tileLayer.wms(wmsUrl, {
       layers: layerName,
       format: 'image/png', // 可能的格式有 image/jpeg 或者 image/png
       transparent: true, // 是否透明
       attribution: 'Your Attribution Text'
   });

3. 将 WMS 层添加到地图容器上：

   var map = L.map('mapid').setView([51.505, -0.09], 13); // 设置初始中心点和缩放级别
   map.addLayer(wmsLayer);