Created an API on google, map is still not showing

This is the log on console:

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
2jsapi?key=AIzaSyBluhnXymZQgVifEBRz9h1mfuqCeQ1J6LY&ver=3.7:23 A parser-blocking, cross site (i.e. different eTLD+1) script, https://maps.googleapis.com/maps/api/js?v=3&&base_domain=maps.google.com&key=AIzaSyBluhnXymZQgVifEBRz9h1mfuqCeQ1J6LY, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
google.loader.f @ jsapi?key=AIzaSyBluhnXymZQgVifEBRz9h1mfuqCeQ1J6LY&ver=3.7:23
/mod_pagespeed_beacon?url=http%3A%2F%2Fumbracity.com%2Fmap%2F:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
js?v=3&&base_domain=maps.google.com&key=AIzaSyBluhnXymZQgVifEBRz9h1mfuqCeQ1J6LY:39 Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error

Hi,

did you follow the tutorial at https://mapsmarker.com/google-maps-javascript-api ?
the error message RefererNotAllowedMapError indicates that you did not correctly set the allowed referer for your key (step 6 from the tutorial) – make sure you added an entry like *.yourdomain.com/*
best,

Robert