Angular 2如何在多个组件中使用google地图

Angular 2中可以通过以下步骤在多个组件中使用Google地图：

首先，确保你已经在项目中引入了Google地图的JavaScript API。你可以在index.html文件中添加以下代码来加载Google地图的API：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

请将YOUR_API_KEY替换为你自己的Google地图API密钥。

在你想要使用Google地图的组件中，首先在组件的HTML模板中添加一个用于显示地图的容器元素。例如：

<div id="map"></div>

在组件的TypeScript文件中，使用Angular的ViewChild装饰器来获取对地图容器元素的引用。例如：

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
})
export class MapComponent {
  @ViewChild('map', {static: true}) mapElement: ElementRef;

  map: google.maps.Map;

  ngAfterViewInit() {
    this.map = new google.maps.Map(this.mapElement.nativeElement, {
      center: {lat: -34.397, lng: 150.644},
      zoom: 8
    });
  }
}

在上面的代码中，我们使用ViewChild装饰器获取了对地图容器元素的引用，并在ngAfterViewInit生命周期钩子函数中创建了一个新的Google地图实例，并将其绑定到地图容器元素上。