Home/ Questions/How to fix “geocode was not successful for the following reason: request_denied”
Next
Answered
Liam Mounier
  • 5
Asked: 2022-05-12T07:37:11+00:00 In:

How to fix “geocode was not successful for the following reason: request_denied”

  • 5

. Advertisement .

..3..

. Advertisement .

..4..

As the title says, I am getting the “geocode was not successful for the following reason: request_denied” error. How can I fix it so the error goes away? Here is my detail:

<script async defer src="https://maps.googleapis.com/maps/api/js?key=APIkey&callback=initMap"
  type="text/javascript"></script>
 
  <script async defer src="https://maps.googleapis.com/maps/api/js?key=APIKEY&callback=mapAddress"
  type="text/javascript"></script>
  <!-- &callback=mapAddress -->
 
  <script>
  function mapAddress(mapElement, address) {
  var geocoder = new google.maps.Geocoder();
  // alert(mapElement);
  // alert(address);
  geocoder.geocode({ 'address': address }, function (results, status) {
  if (status == google.maps.GeocoderStatus.OK) {
  var mapOptions = {
  zoom: 17,
  center: results[0].geometry.location,
  disableDefaultUI: true
  };
  var map = new google.maps.Map(document.getElementById(mapElement), mapOptions);
  var marker = new google.maps.Marker({
  map: map,
  position: results[0].geometry.location
  });
  } else {
  alert("Geocode was not successful for the following reason: " + status);
  }
  });
  }
  </script>
<button type="button" class="button_mapAPI" id="address_<?php echo $case["id"]; ?>" value="<?= $case['location_detail'] ?>" onclick="mapAddress('map1', 'Hong Kong')"/>Map Refresh</button>

When I operated it and I received the error text:

Geocode was not successful for the following reason: REQUEST_DENIED

I appreciate any help from you.

request_denied
Share

2 Answers

  1. Best Answer
    Expert

    The cause: it was async loading of the scripts.

    Solution: Try that jsfiddle on your API KEY

    (function(){
	let mapElement = 'map';
	let address = 'SPAIN';
	geocoder = new google.maps.Geocoder();
   geocoder.geocode({ 'address': address }, function (results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      var mapOptions = {
          zoom: 17,
          center: results[0].geometry.location,
          disableDefaultUI: true
      };
      var map = new google.maps.Map(document.getElementById(mapElement), mapOptions);
      var marker = new google.maps.Marker({
          map: map,
          position: results[0].geometry.location
      });
    } else {
    	alert("Geocode was not successful for the following reason: " + status);
    }
  });
})();
    #map {
  width: 100%;
  height: 350px;
}
    <script src="https://maps.googleapis.com/maps/api/js?key=APIKEY" type="text/javascript"></script>

<div id="map"></div>
    Run code snippet
    • 21

  2. Have you enabled the Billing for API Key feature? Google Maps is no more free. To be able to get billed for requests exceeding the $200 credit you receive each month, you will need to associate a credit account

    • 17

Leave an answer

You must login to add an answer.

Need An Account,