Google maps Ionic2谷歌地图图像层

我正在构建一个Ionic2应用程序，其中我使用谷歌地图作为方向图，我需要在地图顶部放置一个图像层。我正试图在谷歌地图中将建筑布局图像置于建筑群之上。 我在这里找到了javascript的解决方案，这正是我所需要的：

我对Ionic2和Anglular2还不太熟悉，到目前为止还没搞清楚

感谢您的建议

我的代码：

从'@angular/core'导入{Component，ViewChild，ElementRef}；
从'ionic angular'导入{NavController}；
从'@ionic native/Geolocation'导入{Geolocation}；
谷歌公司；
@组成部分({
选择器：“映射”，
templateUrl:'map.html'
})
导出类映射页{
@ViewChild（'map'）mapElement:ElementRef；
地图：任何；
lat：任何；
液化天然气：任何；
构造函数（公共navCtrl:NavController，公共地理位置：地理位置）{
这是getGeoLocation（）；
}
初始化映射（）{
var minZoomLevel=17；
让mapOptions=
{
zoom:minZoomLevel，
中心：新google.maps.LatLng（lat，lng），
mapTypeId:google.maps.mapTypeId.ROADMAP，
}
this.map=new google.maps.map（this.mapeElement.nativeElement，mapOptions）；
}
getGeoLocation（）{
this.geolocation.getCurrentPosition（）。然后（（位置）=>{
this.lat=position.coords.lation；
this.lng=position.coords.longitude；
这个.initializeMap（）；
}，（错误）=>{
控制台日志（err）；
});
}

显然，这比我想象的要简单。你只需定义图像边界，创建一个覆盖实例，然后像这样将其添加到地图中

var oldBuilding = {
      north: 53.27959,
      west: -9.01287,
      south: 53.278038,
      east: -9.00876
    }; 
this.oldBuildingOverLay = new google.maps.GroundOverlay('../assets/Map.png', oldBuilding);
this.oldBuildingOverLay.setMap(this.map);

声明

oldBuildingOverlay:any；

就可以启动并运行了