title: How to fix errors in Google Maps API in order to integrate with Wordpress using ACF?
body: <p>I am unable to integrate google maps on my wordpress theme using advanced custom fields plugin. Whenever I add the map field it displays the map for sometime and gives me either darkened watermarked map saying for development purpose only or If it displays the map I unable to search the locations on it but that is also temporary again it goes to black background. Before that I was getting whole bunch of errors which I seem to fix it by seeing the document in google cloud. Still so far no solution to it. Do I really need to have billing enabled to use it or is there any word around. </p>
  
  <p>I already got the API key from google ,enabled all the necessary API such as geolocation, places, maps JS API etc. I tried to enable the billing but my debit card does not have the recurring billing service available. </p>
  
  <pre><code>function MapKey($api){
  
      $api['key']="AIzaSyBK8-6Wnwbj7GeDUQ6fQ5MIJatrfWC8i7U";
  
      return $api;
  
  }
  
  add_filter('acf/fields/google_map/api','MapKey');
  
  ?&gt;
  </code></pre>
  
  <p>I do not have issue with the code as it works fine I guess. Only problem is I am unable to display the perfectly working map on my wordpress dashboard to add it to my post type.FYI I am using local host, XAMPP environment</p>