Google maps api 3 谷歌地图JavaScript API和爱奥尼亚2的问题

Google maps api 3 谷歌地图JavaScript API和爱奥尼亚2的问题,google-maps-api-3,ionic2,Google Maps Api 3,Ionic2,我的ionic 2应用程序中使用的GoogleMapsJavaScriptAPI有一些问题。我第一次在页面上显示地图时,它将被渲染为精细-。返回并再次使用Google地图打开页面后,地图将不再正确呈现。我只是得到了一个灰色区域 我已经搜索过这个问题,但据我所知,还没有人找到解决方案() 也许其他人可以帮我 我还创建了一个可以很容易地克隆和启动的程序,这样你就可以重现这个问题。请注意,如果您想尝试此功能,离子2应已启动并运行 提前谢谢 我终于找到了解决办法。看一看德莱拉米科在华盛顿的职位。每次进

我的ionic 2应用程序中使用的GoogleMapsJavaScriptAPI有一些问题。我第一次在页面上显示地图时,它将被渲染为精细-。返回并再次使用Google地图打开页面后,地图将不再正确呈现。我只是得到了一个灰色区域

我已经搜索过这个问题,但据我所知,还没有人找到解决方案()

也许其他人可以帮我

我还创建了一个可以很容易地克隆和启动的程序,这样你就可以重现这个问题。请注意,如果您想尝试此功能,离子2应已启动并运行

提前谢谢


我终于找到了解决办法。看一看德莱拉米科在华盛顿的职位。每次进入特定页面时,您都需要在google maps对象上触发调整大小事件。因此,将以下代码放入IonViewDiCenter()事件中

// this.map refers to the google maps object created via 'new google.maps.Map(...)'
google.maps.event.trigger(this.map, 'resize');
确保使用ionViewDidEnter()事件而不是ionViewDidLoad()事件

如果希望贴图再次居中于特定点或标记,还应执行以下操作:

// Longitude and latitude are just examples
// Of course longitude and latide should refer to your specific point the map should center on
this.map.setCenter(new google.maps.LatLng(47.0712025, 15.4382784));

google.map.event.trigger()你在哪里定义了这个谷歌地图?Ionic原生谷歌地图插件的代码是什么?