Angular 如何将具有不同API键的Google Places API Javascript库动态加载到Ionic应用程序中

Angular 如何将具有不同API键的Google Places API Javascript库动态加载到Ionic应用程序中,angular,ionic-framework,google-places-api,google-places,Angular,Ionic Framework,Google Places Api,Google Places,我正在使用Ionic框架(Ionic 3)开发一个应用程序,我与不同组织有关联的用户可以输入数据(本例中的相关数据是城市名称),我使用Google Places API检索这些城市的照片 直到几个月前,我还在使用没有问题的API调用 但是,现在请求不再返回照片,我收到与CORB(跨源资源阻塞)相关的错误,我不再能够在我的应用程序中使用API调用 根据,我需要在HTML中加载Google Maps javascript库 加载库 Places服务是一个自包含的库,独立于主映射JavaScript

我正在使用Ionic框架(Ionic 3)开发一个应用程序,我与不同组织有关联的用户可以输入数据(本例中的相关数据是城市名称),我使用Google Places API检索这些城市的照片

直到几个月前,我还在使用没有问题的API调用

但是,现在请求不再返回照片,我收到与CORB(跨源资源阻塞)相关的错误,我不再能够在我的应用程序中使用API调用

根据,我需要在HTML中加载Google Maps javascript库

加载库 Places服务是一个自包含的库,独立于主映射JavaScript API代码。要使用此库中包含的功能,必须首先使用Maps API引导URL中的libraries参数加载它:

我不完全知道如何在离子型/角度型中做到这一点

我想我可以在index.html页面上插入它,但是我的问题是链接中的API键需要动态更改。根据用户所属的组织,将使用不同的Google Places API密钥。如何在ionic中动态使用此库并动态更改API密钥?在同一登录会话期间,可能需要更改使用的密钥(如果用户属于多个组织,并且作为每个组织的一部分记录不同的数据)