删除或隐藏 LayersControl

Question

我想删除或隐藏 LayersControl，因为我用外部菜单更改了地图的图层。这可能吗？我有这个代码：

HTML

<div leaflet 
     [leafletOptions]="leafletOptions"
     [leafletBaseLayers]="baseLayers"
     (leafletMapReady)="onMapReady($event)">
</div>

TS

  leafletOptions: L.MapOptions = {
    zoom: 6,
    maxZoom: 19,
    zoomControl: false,
    center: L.latLng(40.4166395, -3.7046087)
  };

  baseLayers: { [layerName: string]: L.Layer } = {
    'OSM': this.mapService.baseMaps.OSM,
    'Catastro': this.mapService.baseMaps.Catastro
  };

如何才能让地图不显示允许我更改基础图层的框？提前致谢。

编辑 : 我可以用 CSS 样式来做，但如果有更好的方法我更喜欢它

Answer 1

你可以试试:

map.layerscontrol.removeFrom(map);

我假设 layerscontrol 初始化如下：

layerscontrol = L.control.layers(baseLayers).addTo(map);

文档：http://leafletjs.com/reference-1.3.0.html#layer-removefrom

删除或隐藏 LayersControl

Remove or hide LayersControl

typescript

angular

ngx-leaflet