Wmsはopenlayersで動作しますが、リーフレットでは動作しません

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にする理由はわかりませんが、第2の例では'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>