title: Is there not a Google API Key for Elevation Service?
body: <p>I am trying to execute <a href="https://developers.google.com/maps/documentation/javascript/examples/elevation-simple" rel="nofollow noreferrer">Elevation Service</a> sample. I created an API key using my google account, then clicked on "YOUR_API_KEY" link at the bottom of the "JAVASCRIPT + HTML" section, this helped me select an API key from my applications and then was inserted. I then copied and pasted the code on my machine and ran the sample, however I get the following error:</p>
  
  <blockquote>
    <p>This page was unable to display a Google Maps element. The provided Google API key is invalid or this site is not authorized to use it. Error Code: <em>InvalidKeyOrUnauthorizedURLMapError</em>.</p>
  </blockquote>
  
  <p>Has anyone had success in executing Google Elevation Service requests using fee API key?</p>
  
  <p>Here is the code I tried to execute:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Elevation service&lt;/title&gt;
      &lt;style&gt;
        html, body {
          height: 100%;
          margin: 0;
          padding: 0;
        }
        #map {
          height: 100%;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="map"&gt;&lt;/div&gt;
      &lt;script&gt;
  function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 8,
      center: {lat: 63.333, lng: -150.5},  // Denali.
      mapTypeId: 'terrain'
    });
    var elevator = new google.maps.ElevationService;
    var infowindow = new google.maps.InfoWindow({map: map});
  
    // Add a listener for the click event. Display the elevation for the LatLng of
    // the click inside the infowindow.
    map.addListener('click', function(event) {
      displayLocationElevation(event.latLng, elevator, infowindow);
    });
  }
  
  function displayLocationElevation(location, elevator, infowindow) {
    // Initiate the location request
    elevator.getElevationForLocations({
      'locations': [location]
    }, function(results, status) {
      infowindow.setPosition(location);
      if (status === google.maps.ElevationStatus.OK) {
        // Retrieve the first result
        if (results[0]) {
          // Open the infowindow indicating the elevation at the clicked position.
          infowindow.setContent('The elevation at this point &lt;br&gt;is ' +
              results[0].elevation + ' meters.');
        } else {
          infowindow.setContent('No results found');
        }
      } else {
        infowindow.setContent('Elevation service failed due to: ' + status);
      }
    });
  }
  
      &lt;/script&gt;
      &lt;script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&amp;signed_in=true&amp;callback=initMap"
          async defer&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Update:</p>
  
  <p>I created a browser key and now the code works! Thank you!</p>
  
  <p><a href="https://i.stack.imgur.com/PIG7h.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PIG7h.png" alt="enter image description here"></a></p>