Я занимаюсь разработкой приложения с использованием Ionic Framework (Ionic 3), в котором мои пользователи, связанные с различными организациями, могут вводить данные (в данном случае соответствующими данными является название города), и я использую API Google Адресов для получения фотографий из этих городов.
Еще несколько месяцев назад я использовал вызовы API, обозначенные здесь без проблем.
Однако теперь запросы больше не возвращают фотографии, и я получаю ошибки, связанные с CORB (Cross Origin Resource Blocking), и я больше не могу использовать вызовы API в моем приложении.
В соответствии с документацией Google Maps , мне необходимо загрузить библиотеку JavaScript Карт Google в моем HTML.
Загрузка библиотеки
Сервис Places - это автономная библиотека, отделенная от основного кода JavaScript API Карт. Чтобы использовать функции, содержащиеся в этой библиотеке, сначала необходимо загрузить ее с помощью параметра библиотеки в URL-адресе начальной загрузки API Карт:
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>
Я не совсем уверен, как это сделать в ионном / угловом режиме.
Думаю, я мог бы просто вставить это на страницу index.html, однако моя проблема в том, что ключ API в ссылке необходимо динамически менять. В зависимости от того, к какой организации принадлежит пользователь, будет использоваться другой ключ API Google Адресов. Как я могу динамически использовать эту библиотеку в ionic и динамически изменять ключ API? Возможно, что используемый ключ необходимо будет изменить в течение одного сеанса входа в систему (в случае, если пользователь принадлежит к нескольким организациям и регистрирует различные данные как часть каждой организации)