Google Maps JS Console Hatası

Arkadaşlar Merhaba, Website iletişim bölümüne maps ekledim.

Eklediğim maps'e ait kodlar şu şekildedir.

/*---------- GOOGLE MAPS ----------*/
		function init_map() {
			var myOptions = {
				zoom: 14,
				center: new google.maps.LatLng(40.208785,29.022408), //change the coordinates
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				scrollwheel: false,
				mapTypeControl: false,
				styles: [{featureType:'all'}]
			};
			 
			var map = new google.maps.Map(document.getElementById("googlemaps_canvas"), myOptions);
			var marker = new google.maps.Marker({
				map: map,
				position: new google.maps.LatLng(40.208785,29.022408) //change the coordinates
			});
			var infowindow = new google.maps.InfoWindow({
				content: "<b>Protez Saç Market</b><br/>Birlik Apartmanı No:15/A<br/> Bursa"  //add your address
			});
			google.maps.event.addListener(marker, "click", function () {
				infowindow.open(map, marker);
			});
			infowindow.open(map, marker);
		}
			
		if ($("#googlemaps_canvas").length > 0){
			google.maps.event.addDomListener(window, 'load', init_map);
		};

Benim karşıma böyle bir hata çıkıyor.

Hata! Bir sorun oluştu.
Bu sayfa Google Haritalar'ı düzgün şekilde yükleyemedi. Teknik ayrıntılar için JavaScript konsoluna bakın.

Yardımcı olursanız çok sevinirim.

Google api console üzerinden google maps için key oluşturmanız gerekiyor. Oluşturulan keyide bu şekilde kullanacaksınız.
<script src="//maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&key=AIzaSyDfO2HTW2cMv1EKz5ghL9AyyivKWnt1dGY"></script>

Teşekkür ederim. Bu örnek olarak gönderdiğiniz kodu. Yukarıda gönderdiğim kodun herhangi bir kısmına eklemem yeterli olur mu ?

Yoksa bu kodu : iletisim.html sayfasına mı yapıştırmalıyım ?

Head tagları arasında yada footera ekleyebilirsiniz. yani sayfada olması yeterli olacaktır.

Çok teşekkür ederim. Çok yararlı oldunuz. Sorunu çözdüm.