title: Google Maps JS API v3 - UrlAuthentication
body: <p>Last few days I was testing Google Maps JS Api on localhost without any issues. From today I started getting error</p>
  
  <blockquote>
    <p>UrlAuthenticationCommonError: <a href="https://developers.google.com/maps/faq#errorcodes" rel="nofollow">https://developers.google.com/maps/faq#errorcodes</a></p>
  </blockquote>
  
  <p>Frankly this error is not even described on that URL. My guess was something was up with Url Authentication (I know, I am genius). I included localhost in allowed referrers. Error was still here.</p>
  
  <p>Than I uploaded site on azure. Included url in allowed referrer and still nothing. Same error again and again.</p>
  
  <p>Unfortunately google was not very helpful. </p>
  
  <p>Just in case this is code. Direct copy/past from demo page. Same exact code was working yesterday but not today </p>
  
  <pre><code>function  init(params) {
  
  var mapOPtions = {
      center: { lat: -34.397, lng: 150.644},
      zoom:8
  }
  
  var map = new google.maps.Map(document.getElementById("map"), mapOPtions)
  }
  
  
  
  
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Proto Wars&lt;/title&gt;
      &lt;style&gt;
          html, body, #map { height: 100%; margin: 0; padding: 0;}
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC-MmP-PKBmtLOobOynyJQvlBpYzp84Tr0"&gt;
  &lt;/script&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
  
  
          &lt;div id="map" style="background-color: #000"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>