在Ionic 2中实现GoogleMap.OnInfoWindowClickListener

，需要进行以下步骤：

导入Google Maps插件：在Ionic项目中，可以使用cordova-plugin-googlemaps插件来集成Google Maps功能。首先，在终端中导航到项目目录，并执行以下命令来安装插件：

ionic cordova plugin add cordova-plugin-googlemaps --variable API_KEY="YOUR_API_KEY"

请将YOUR_API_KEY替换为您自己的Google Maps API密钥。

创建一个Google Maps页面：在Ionic项目中，创建一个新的页面来显示Google Maps。可以使用Ionic CLI来生成一个新的页面：

ionic generate page google-maps

这将在src/app目录下创建一个名为google-maps的新页面。

在Google Maps页面中添加地图：在google-maps.page.ts文件中，导入Google Maps插件并创建一个新的地图实例。可以使用以下代码示例：

import { Component, OnInit } from '@angular/core';
import { GoogleMaps, GoogleMap, GoogleMapsEvent } from '@ionic-native/google-maps';

@Component({
  selector: 'app-google-maps',
  templateUrl: './google-maps.page.html',
  styleUrls: ['./google-maps.page.scss'],
})
export class GoogleMapsPage implements OnInit {
  map: GoogleMap;

  constructor(private googleMaps: GoogleMaps) { }

  ngOnInit() {
    this.loadMap();
  }

  loadMap() {
    this.map = this.googleMaps.create('map_canvas');
    this.map.one(GoogleMapsEvent.MAP_READY).then(() => {
      console.log('Map is ready!');
    });
  }
}

在上面的代码中，我们导入了Google Maps相关的类，并在loadMap()方法中创建了一个新的地图实例。

在Google Maps页面中添加标记和信息窗口：在google-maps.page.ts文件中，可以使用以下代码示例来添加标记和信息窗口，并实现OnInfoWindowClickListener：

import { Component, OnInit } from '@angular/core';
import { GoogleMaps, GoogleMap, GoogleMapsEvent, Marker, MarkerOptions } from '@ionic-native/google-maps';

@Component({
  selector: 'app-google-maps',
  templateUrl: './google-maps.page.html',
  styleUrls: ['./google-maps.page.scss'],
})
export class GoogleMapsPage implements OnInit {
  map: GoogleMap;

  constructor(private googleMaps: GoogleMaps) { }

  ngOnInit() {
    this.loadMap();
  }

  loadMap() {
    this.map = this.googleMaps.create('map_canvas');
    this.map.one(GoogleMapsEvent.MAP_READY).then(() => {
      console.log('Map is ready!');
      this.addMarker();
    });
  }

  addMarker() {
    const markerOptions: MarkerOptions = {
      position: { lat: 37.7749, lng: -122.4194 },
      title: 'San Francisco'
    };

    this.map.addMarker(markerOptions).then((marker: Marker) => {
      marker.showInfoWindow();
      marker.on(GoogleMapsEvent.INFO_CLICK).subscribe(() => {
        console.log('Info window clicked!');
      });
    });
  }
}

在上面的代码中，我们使用addMarker()方法来添加一个标记，并在标记上显示信息窗口。然后，我们使用marker.on()方法来订阅INFO_CLICK事件，并在事件回调函数中处理点击信息窗口的逻辑。

在Ionic项目中使用Google Maps页面：在需要使用Google Maps的页面中，可以使用Ionic的导航功能来导航到Google Maps页面。例如，在app-routing.module.ts文件中，可以添加以下路由配置：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { GoogleMapsPage } from './google-maps/google-maps.page';

const routes: Routes = [
  {
    path: 'google-maps',
    component: GoogleMapsPage
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

在上面的代码中，我们将'/google-maps'路径映射到GoogleMapsPage组件。

现在，您可以在Ionic项目中使用Google Maps页面，并实现GoogleMap.OnInfoWindowClickListener。当点击信息窗口时，将触发相应的事件回调函数。