Angular中的Google地图组件未接收到注入的服务

在Angular中，Google地图组件未接收到注入的服务可能是由于以下几个原因导致的：

1. 未正确导入相关模块：在使用Google地图组件之前，需要确保已经正确导入了相关的模块。在Angular中，可以使用@agm/core库来集成Google地图。首先，需要在项目中安装该库：npm install @agm/core。然后，在使用Google地图的组件中，需要导入AgmCoreModule并在imports数组中进行注册。
2. 未正确配置Google地图API密钥：Google地图需要使用API密钥才能正常工作。在使用Google地图组件之前，需要在项目中配置正确的API密钥。可以在Google Cloud控制台中创建一个项目，并为该项目启用Google地图API。然后，将生成的API密钥配置到Angular应用中，可以通过在AgmCoreModule的forRoot方法中传入apiKey参数来配置API密钥。
3. 未正确注入地图服务：在使用Google地图组件之前，需要确保已经正确注入了地图服务。可以在组件的构造函数中注入MapsAPILoader服务，并在ngOnInit生命周期钩子函数中使用该服务来加载地图。

下面是一个示例代码，演示了如何在Angular中使用Google地图组件并注入地图服务：

import { Component, OnInit } from '@angular/core';
import { MapsAPILoader } from '@agm/core';

@Component({
  selector: 'app-google-map',
  templateUrl: './google-map.component.html',
  styleUrls: ['./google-map.component.css']
})
export class GoogleMapComponent implements OnInit {
  constructor(private mapsAPILoader: MapsAPILoader) {}

  ngOnInit(): void {
    this.mapsAPILoader.load().then(() => {
      // 在这里可以使用Google地图相关的功能
    });
  }
}

在上述示例中，MapsAPILoader服务被注入到了GoogleMapComponent组件中，并在ngOnInit方法中使用load方法加载地图。

推荐的腾讯云相关产品：腾讯云地图服务。腾讯云地图服务是腾讯云提供的一项基于地图的位置服务，提供了丰富的地图数据和功能，可以满足各种地图需求。您可以通过访问腾讯云地图服务的官方网站了解更多信息：腾讯云地图服务。