问题描述
由于大多数时候我都是通过使用addLayer()和removeLayer()OL方法添加和删除图层的,所以我该如何类似地处理以ol-mapBox样式处理的矢量图层?以下角度代码不起作用,我在https://github.com/openlayers/ol-mapbox-style中找不到合适的方法。
changetoVectorTileMapTilerEmbebedJson() {
apply(
this.map,'https://api.maptiler.com/maps/b3265770-0173-4415-909d-264ef9934779/style.json?key=blablabla'
)
.then(() => this.map.removeLayer(this.stamenTerrain))
.then(() => this.map.removeLayer(this.stamenWaterColor))
.then(() => this.map.removeLayer(this.osm))
.then(() => this.map.removeLayer(this.topMap))
.then(() => this.map.removeLayer(this.vectorTileMapTilerHillShades))
.then(() => this.map.removeLayer(this.vectorTileMapTilerSatMediumbres))
.then(() => this.map.removeLayer(this.vectorTileArcGISpbf))
}
谢谢
解决方法
您可以标识由ol-mapbox样式创建的图层,因为它们具有mapbox-source和mapbox-layers属性。如果您在任一图层上过滤了图层数组,则可以删除这些图层
this.map.getlayers().getArray().filter(
layer => return layer.get('mapbox-source');
).forEach(
layer => this.map.removeLayer(layer);
);