Wms适用于openlayers，但不适用于leaflet

Question

我在qgiscloud上发布了一个wms。

在openLayers上，它可以工作：

map.removeLayer(layers2);
console.log('wms');
var layers2 = new ol.layer.Tile({
    source: new ol.source.TileWMS({
    url: 'http://wms.qgiscloud.com/marcorios7/cloudqgisTramos/',
    params: {'LAYERS': 'lonlattramos', 'TILED': true}           
})
        });            
        map.addLayer(layers2);

但是，在宣传单上，它不起作用：

var wmsLayer21 = 
L.tileLayer.wms('http://wms.qgiscloud.com/marcorios7/cloudqgisTramos/',
    {
        layers: 't1:lonlattramos',
        maxZoom: 24,
        //info_format: false,
        zIndex:1,
        opacity: 0.5
    }   
);
layersControl.addOverlay(wmsLayer21, 'GIS');
wmsLayer21.addTo(map);

Answer 1

欢迎来到SO！

不知道为什么在第二个示例中使用't1:lonlattramos'值作为layers，而在第一个示例中使用'lonlattramos'。

一旦纠正了第二个示例，它似乎工作得很好：

​

var map = L.map('map').setView([14.5, -87], 6);

var wmsLayer21 =
  L.tileLayer.wms('http://wms.qgiscloud.com/marcorios7/cloudqgisTramos/', {
    layers: 'lonlattramos', //'t1:lonlattramos',
    maxZoom: 24,
    //info_format: false,
    zIndex: 1,
    opacity: 0.5
  });
wmsLayer21.addTo(map);

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css">
<script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet-src.js"></script>

<div id="map" style="height: 200px"></div>

​