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

Doc：Live demo

删除或隐藏LayersControl

1 个答案: