title: angular-google-maps API key from backend
body: <p>Generally, this question is about how to use some dynamic content from a backend inside a module.config function in AngularJS.</p>
  
  <p>Specifically, this question is regarding the GoogleMapApi provider in <a href="https://github.com/angular-ui/angular-google-maps" rel="nofollow">angular-google-maps</a></p>
  
  <p>In my Angular Application the Google Maps API key is stored in a Firebase backend. What I would like to do is to set the API key for the GoogleMapApiProvider</p>
  
  <pre><code>.config(function(uiGmapGoogleMapApiProvider) {
      uiGmapGoogleMapApiProvider.configure({
      key: 'your api key',
      }); 
  })
  </code></pre>
  
  <p>I know that I only have Providers and Constants available in the Angular module config function. So I struggle to think of a way to get the necessary API key from my Firebase backend using the <a href="https://www.firebase.com/docs/web/libraries/angular/index.html" rel="nofollow">$firebaseProvider</a>
  Any help or direction is most appreciated!
  Thanks!</p>