Wms는 openlayers에서 작동하지만 전단지에서는 작동하지 않습니다.

Question

qgiscloud에 게시 된 wms가 있습니다. 그것이 작동하지 않는 전단지에

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); 

을 :하지만 openLayers에

그것은 작동

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에!

당신이 당신의 1 일에 'lonlattramos'을 사용하는 반면에 당신의 2 예에서 layers에 대한 't1: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>