事件触发时，Angular下的Leafletjs无法访问全局变量

// 定义全局变量的服务
@Injectable()
export class GlobalVariableService {
  public globalVariable: any;
}

// 使用Leafletjs的组件
@Component({
  selector: 'app-leaflet-component',
  template: '<div id="map"></div>',
})
export class LeafletComponent implements OnInit {
  constructor(private globalVariableService: GlobalVariableService) {}

  ngOnInit() {
    // 在Leafletjs中使用全局变量
    const globalVariable = this.globalVariableService.globalVariable;
    // 进行相应的操作
    // ...
  }
}

// 在其他组件中设置全局变量的值
@Component({
  selector: 'app-other-component',
  template: '<button (click)="setGlobalVariable()">Set Global Variable</button>',
})
export class OtherComponent {
  constructor(private globalVariableService: GlobalVariableService) {}

  setGlobalVariable() {
    this.globalVariableService.globalVariable = 'global value';
  }
}