如何使用@ baseLayers /ngx-leaflet默认选择不对称覆盖(&A)

npm install @asymmetrik/ngx-leaflet leaflet

"styles": [
  "node_modules/leaflet/dist/leaflet.css",
  "src/styles.css"
],

// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { LeafletModule } from '@asymmetrik/ngx-leaflet';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, LeafletModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

// app.component.ts
import { Component } from '@angular/core';
import * as L from 'leaflet';

@Component({
  selector: 'app-root',
  template: `
    <ngx-leaflet [options]="mapOptions" (leafletMapReady)="onMapReady($event)"></ngx-leaflet>
  `,
})
export class AppComponent {
  mapOptions = {
    center: L.latLng(46.879966, -121.726909),
    zoom: 12,
    layers: this.baseLayers,
  };

  baseLayers = {
    default: L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
    }),
    satellite: L.tileLayer('https://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
      maxZoom: 20,
      subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
      attribution: 'Map data ©2022 Google',
    }),
  };

  onMapReady(map: L.Map) {
    // 在此处执行地图初始化操作
  }
}

<ngx-leaflet
  [options]="mapOptions"
  (leafletMapReady)="onMapReady($event)"
  [baseLayers]="baseLayers.default"
></ngx-liquef>