Как динамически загружать библиотеку Javascript Google Places API с различными ключами API в ионное приложение

#angular #ionic-framework #google-places-api #google-places

#angular #ionic-framework #google-places-api #google-places

Вопрос:

Я разрабатываю приложение с использованием Ionic Framework (Ionic 3), в котором мои пользователи, связанные с различными организациями, могут вводить данные (соответствующими данными в данном случае является название города), и я использую Google Places API для извлечения фотографий этих городов.

Еще несколько месяцев назад я без проблем использовал вызовы API, описанные здесь.

Однако теперь запросы больше не возвращают фотографии, и я получаю ошибки, связанные с CORB (блокировкой ресурсов из разных источников), и я больше не могу использовать вызовы API в моем приложении.

Согласно документации Google Maps, мне необходимо загрузить библиотеку javascript Google Maps в моем HTML.

Загрузка библиотеки Сервис Places представляет собой автономную библиотеку, отдельную от основного кода Maps JavaScript API. Чтобы использовать функциональность, содержащуюся в этой библиотеке, вы должны сначала загрузить ее, используя параметр libraries в URL-адресе начальной загрузки Maps API:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEYamp;libraries=places"></script>

Я не совсем уверен, как это сделать в ionic / angular.

Я думаю, я мог бы просто вставить это в index.html страница, однако моя проблема в том, что ключ API в ссылке необходимо динамически изменять. В зависимости от того, к какой организации принадлежит пользователь, будет использоваться другой ключ Google Places API. Как я могу динамически использовать эту библиотеку в ionic и динамически изменять ключ API? Возможно, что используемый ключ потребуется изменить во время одного сеанса входа в систему (в случае, если пользователь принадлежит к нескольким организациям и регистрирует разные данные как часть каждой организации)