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