Angularjs 如何在不同页面上共享angular 2组件（谷歌地图）？

我用的是离子2和角度2

我已经创建了谷歌地图组件并在主屏幕上初始化了它，我需要一种在其他页面上显示该地图的方法

在多个页面上传递或创建新谷歌地图的最佳方式是什么？ 有没有办法使用同一个地图实例

GoogleComponent.ts：

export class GoogleMapComponent{
  private createMap(){
  this.map = new google.maps.Map(document.getElementById('map'), {
    zoom: 15,
    center: this.Position
  });
}

home.ts：

    <div class="inner-container">
        <google-map></google-map>
</div>

第2.ts页：

  <div class="inner-container">
      <google-map></google-map>
  </div>

---

需要在第2、3、4页获取此地图，等等。。。还有，有什么建议吗？

一般来说，您应该使用Angular2依赖注入将带有@Injectable（）注释的注入

注入到其他页面，并在页面的构造函数中获取注入的实例

您可以控制是否每次都要创建一个新实例，或者对InjetAction使用相同的单例并使用提供程序来执行此操作。
此线程包含一些有用的信息

作为旁注。是angular2 google map组件的一个很好的实现
，但是如何向dom中注入元素呢？看看@ViewChild