Question

两个底图叠加，zIndex: 1是较为模糊的，zIndex: 2高清的区划影像底图，叠加时边缘显示空白，请问有方法解决么

var layer = new TileLayer({
    source: new TileSuperMapRest({
        url: this.urlChina,
        wrapX: true
    }),
    projection: 'EPSG:4326',
    zIndex: 1
});
this.map.addLayer(layer);
var layer1 = new TileLayer({
    source: new TileSuperMapRest({
        url: this.urlCQYX,
        wrapX: true
    }),
    projection: 'EPSG:4326',
    zIndex: 2
});
this.map.addLayer(layer1);

Answer 1

你好，你可以在叠加图层zIndex: 2高清的区划影像底图时设置背景透明transparent: true（默认是false）

var layer = new TileLayer({
    source: new TileSuperMapRest({
        url: this.urlChina,
        wrapX: true
    }),
    projection: 'EPSG:4326',
    zIndex: 1
});
this.map.addLayer(layer);
var layer1 = new TileLayer({
    source: new TileSuperMapRest({
        url: this.urlCQYX,
        wrapX: true,
        transparent: true
    }),
    projection: 'EPSG:4326',
    zIndex: 2
});
this.map.addLayer(layer1);

如果设置后还是存在的话，可以去idesktop产品使用地图裁剪将影像外的白色部分裁剪掉

Comments

你好，我这边添加了，没有对应效果，估计也只有上去把白色部分剪切了