住所を入力したら、地図が表示されるようにしたいです...

Question

前提・実現したいこと

google Mapのapiを使って、
住所を入力したら、地図が表示されるようにしようとしています。
実装中に以下のエラーが発生しました。

発生している問題・エラーメッセージ

statusが「ZERO_RESULTS」と表示されます。

該当のソースコード

<script src="https://maps.googleapis.com/maps/api/js?key=ここにAPIキー" type="text/javascript"></script>
<script type="text/javascript">
	//COMTOPIA流Google MAP表示方法
	var geocoder = new google.maps.Geocoder();//Geocode APIを使います。
	var address = "ここに住所を入力";
	geocoder.geocode({'address': address,'language':'ja'},function(results, status){
		if (status == google.maps.GeocoderStatus.OK){
			var latlng=results[0].geometry.location;//緯度と経度を取得
			var mapOpt = {
          		center: latlng,//取得した緯度経度を地図の真ん中に設定
          		zoom: 15,//地図倍率1～20
          		mapTypeId: google.maps.MapTypeId.ROADMAP//普通の道路マップ
        	};
			var map = new google.maps.Map(document.getElementById('google_map'),mapOpt);
			var marker = new google.maps.Marker({//住所のポイントにマーカーを立てる
				position: map.getCenter(),
				map: map
			});
		}else{
        	alert("Geocode was not successful for the following reason: " + status);
        }
	});
</script>
<div id="google_map" style="width:90%;height:500px"></div>

試したこと

http://comtopia.jp/google-map-api
このサイトを見て実際に作ってみました。
Google Map側の設定を見返しましたが，問題はないように思いました。

調べたら以下のようなものができてきました。
Google api自体のtraficは発生してはいました。

ZERO_RESULTS: ジオコーディングは成功したものの結果が返されなかったことを示します。これは、ジオコーダに存在しない address が渡された場合に発生することがあります。

Answer 1

https://qiita.com/Arashi/items/33a605870d39aeac9a37
http://www.cloud9works.net/web/how-to-fix-google-map-api-key-error/

こちらを参考にしたらできました。
APIキーは必須のようです

Answer 2

住所を入力したら、地図が表示されるようにしようとしています。

住所を入力したら、表示したいのに、入力する前にコードが実行されているから、エラーになっているということですね。

要素.addEventListener('change', functiom(){ ここに処理 });

というようにして、入力後にコードが実行されるようにします。

Comments

[yayoi_answer]

回答ありがとうございました。どうやらAPIキーの設定でつまづいていたようです。