Google Maps Key

Question

I have a function that carries the API of Google Maps, but every time I try to change the url, whether to use my key, or even to add to library Places to be able to use the search services I have problems.

The function I’m using is this:

function loadScript() {
     var script = document.createElement('script');
     script.type = 'text/javascript';
     script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&' + 'callback=initialize';
     document.body.appendChild(script);
 };

Answer 1

And it turns out I’ve solved the problem, here’s the solution in case someone has something like this:

script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&' + 'libraries=places&' + 'callback=initialize';

Answer 2

In fact, creating a command to load a script is a bit complicated and can cost processing. In my scripts, I always call the Google Maps API, followed by the commands async and defer. These commands will ensure that the API is called in the background, that is, while you run your HTML, the API will be downloaded "together". An example of a call with async defer that’s the one:

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=init&libraries=places" async defer></script>