Листовка и наложение изображения без значка layercontrol

Question

Можете ли вы сказать мне, как добавить наложения ниже на листе листовка ? Я использую ngx-leaflet модуль. Здесь мне не нужен значок layersControl, который появится по умолчанию. Мне просто нужно наложение изображения по умолчанию с маркерами и т. Д. Любая помощь здесь?

Я пытался так:

.ts

 ionViewDidEnter() {
    this.center = latLng(Number(this.activatedRoute.snapshot.paramMap.get("latitude")), Number(this.activatedRoute.snapshot.paramMap.get("longitude")));
    this.options = {
      layers: [
        tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 18, attribution: "..." })
      ],
      zoom: 15,
      center: this.center,
      attributionControl: false,
    };

    this.layers.push(this.mapService.getMarker(this.center, "assets/icon/map/placeholder.png"));

    //problem starts from here. How can I do that?    

    const imageBounds = latLngBounds([[40.712216, -74.22655], [40.773941, -74.12544]]);
    const imgOverlay = imageOverlay('assets/icon/map/my_map.png', imageBounds);

   // Here I don't need this control thing. I just need overlay image by default.

    this.layersControl = {
      baseLayers: {
        'Google Maps': tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 18, attribution: "..." })
      },
      overlays: {
        'My Map': imgOverlay
      }
    };

  }

.html

<ion-content>
  <div style="height: 100%" leaflet [leafletOptions]="options" *ngIf="options" [leafletCenter]="center"
    [leafletLayers]="layers" [leafletLayersControl]="layersControl">
  </div>
</ion-content>