Angular2: Error de referencia no detectado: google no está definido
Estoy intentando implementar la aplicación de la API de Google Maps en Angular2, si la pongo en el index.html
<script src="http://maps.googleapis.com/maps/api/jskey=MY_KEY&libraries=places'"></script>
Funciona perfectamente, pero necesito insertar MI_CLAVE de manera dinámica, así que cambia la etiqueta <script> a:
<script id="maps-google" src=""></script>
Y en el componente de la aplicación:
this.document.getElementById("maps-google").setAttribute('src','http://maps.googleapis.com/maps/api/js?key=' + key + '&libraries=places');
El hecho es que no funciona y devuelve el error Uncaught me ReferenceError: google is not defined, he visto soluciones que realizan una llamada asincrónica con javascript pero no se llevan a cabo con typescript, además el mapa se inicializa y se muestra en otro componente. En la otra parte accedo a "google" por (en el otro componente):
let google declare: any;
Agradezco cualquier ayuda