Wms适用于openlayers,但不适用于传单

时间:2017-11-22 15:36:51

标签: leaflet openlayers qgis

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

1 个答案:

答案 0 :(得分: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>