google maps callback error on function name

Question

I'm getting this error in webdev console when I run my html page code

nc {message: "initialize is not a function", name: "InvalidValueError", stack: 
"Error↵    at new nc (https://maps.googleapis.com/m…
##################&callback=initialize:137:68"}

I've based my code off the googlemaps api sample and only altered styling having not changed the function.

The function was called initMap though I have recently changed this to see if it made any difference.

My javascript url is https://comfortestateplanning.co.uk/js/home.js initialize function and my testing site url is https://comfortestateplanning.co.uk/

Answer 1

I have worked out where the error was and how to answer my own question :)

I've determined that the javascript file with the Google Maps function in it should not be async. This would cause the function to load concurrently with the Google Maps API call and not after it.

So in my case

<script async type="text/javascript" src="js/home.js"></script>

became (without async)

<script type="text/javascript" src="js/home.js"></script>