google map not showing correctly - "For development purposes only"

Could someone please help me out with an issue regarding generating the googlemap. I've created and added an API key to the page but for some reason the map is showing "For development purposes only" over it? I looked into moving from V2 to V3 maps and wherever "gMap" was displayed in text had to be changed to "google.maps.Map". I tried this in the line $('#gmap1').gMap({ to $('#gmap1').google.maps.Map({ but this didn't work.

I've reverted back to the original code that was there, but do I need to change any of this JS for this to work properly (see below);

<script type="text/javascript" src="js/jquery.gmap.min.js"></script>

    <script type="text/javascript"> 
		$('#gmap1').gMap({
			scrollwheel: true,
			zoom: 18,
			markers:[
				{
					latitude: -38.221179,
					longitude: 145.178447,
					popup: false
				}
			]
		});
	</script>

Page link is: http://wildfiresafetybunkers.com.au/contact.html