gmap trouble. Even code example doesn't work

I'm trying to get the gmap to work, but nothing is coming up. I created an API key and restricted it as per the documentation and then applied the API key within the js/functions.js file. I'm not even trying to create a proper map yet. I just want to see ANY map show up.

This is code: <div class="gmap" style="height: 250px;" data-address="Melbourne, Australia" data-zoom="12" data-markers='[{address: "Melbourne, Australia",html: "Melbourne, Australia"}]' data-icon='{image: "images/icons/map-icon-red.png",iconsize: [32, 32],iconanchor: [14,44]}'></div>

Got any tips for this?

I see within the console the error message is "functions.bundle.js:5064 No API Key defined for Google Maps! Please set an API Key in js/functions.js File!" But I assure you the API key is within that file. I've restricted the key to my fully qualified domain, plus I've tried just the main domain, plus also tried adding some wildcards too. The key is MOT restricted to any specific API. I'm trying to keep it as open as possible to help troubleshoot the issue.

Any ideas?

Welp I got this working in Chrome, edge now. There were a lot of API's within google that had to be 'enabled', and that was not described within the canvas documentation. Maybe it was assuming I had Google API experience, but I assure you that I do not.

Now an issue remains in which the Brave browser still reports an missing API error. Although it does work sometimes. Weird.

Time to play with more settings....