Google Maps not working when files are transferred to live hosting

I had developed a website from the SinglePro theme and everything looks fine on localhost. However, when I had transferred the files to the live hosting, the Google Maps suddenly stopped working:

Google Maps error

I had looked at the console and I had seen error like this:

"Google Maps API error: MissingKeyMapError
error-messages#missing-key-map-error" js:40:473
"Google Maps API warning: NoApiKeys
error-messages#no-api-keys" util.js:228:12
"Google Maps API warning: InvalidKey

The solution is you need to provide an API Key from Google Maps to make it work. Find this javascript include line at the footer section:

Then add a Google Maps API Key parameter in it.[YOUR_API_KEY_HERE]

Visit this page to obtain an API key.