Google Maps API Key disabled...?

So I have been going through putting google maps on a page with the Build an Interactive Website. Turned "on" Google Maps JavaScript API v3, went to API access and created a new browser key. I plugged that key in to my dynamic map and on my page I get this pop up...

"Google has disabled use of the Maps API for this application. The provided key is not a valid Google API Key, or it is not authorized for the Google Maps Javascript API v3 on this site. If you are the owner of this application, you can learn about obtaining a valid key here: https://developers.google.com/maps/documentation/javascript/tutorial#api_key"

I have followed the instructions and have gotten a key. Does it take a while to not have it disabled? Or does it need to be on a server first before google stops disabling it?

This is my code right now

        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={my_key_is_ here}&sensor=false"></script>
$('#map_here').prepend('<div id="map"></div>');
        $(".static_map").remove();

        function initialize() {
            var mapOptions = {
                center: new google.maps.LatLng(-34.397, 150.644),
                zoom: 8
            };
            var map = new google.maps.Map(document.getElementById("map"),
            mapOptions);
        }
        initialize();

I have also tried it with out the curly braces :

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=my_key_is_here&sensor=false"></script>