APIキーを入れたが、Google Mapが表示されない。

Question

###前提・実現したいこと

Ruby on Railsでwebアプリを作っています。
参考にしたのはcode4startup.comという会員制ウェブサイトです。

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

Google Map APIキーを入れたのですが、Mapが表示されません。
最初は２、３回ページをリフレッシュしたら表示されていたのですが
いまは全くでてこなくなりました。

エラーメッセージ

Google Map API checkerというchrome add-onをいれてみたところ以下のようなメッセージになっています。
============
INFO: 私たちは、あなたが計画している場合のみ、JavascriptのAPIをロードし、パフォーマンスを最適化するためにページをロードする2秒以内に目に見えるGoogleマップを見つけることができなかった。 APIを使用して。

JS API Call:
https://maps.googleapis.com/maps/api/js?key=AIzaSyAAKRrJYD6asJC64URO7-M********&callback=initMap

========

###該当のソースコード



 <!-- Google Map -->
		<div class="row">
			<div class="col-md-12">
				<div id="map"></div>

				<style>

		      #map {
		        width: 100%;
		        height: 400px;
		      }
		    </style>

		    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD6Le3Exn********&callback=initMap" 
		    async defer>


		    </script>
		    <script>
		      function initialize() {
		        var mapCanvas = document.getElementById('map');
		        var mapOptions = {
		          center: new google.maps.LatLng(<%= @car.latitude %>, <%= @car.longitude %>),
		          zoom: 14,
		          mapTypeId: google.maps.MapTypeId.ROADMAP
		        }
		        var map = new google.maps.Map(mapCanvas, mapOptions);

		        var marker = new google.maps.Marker({
		        	position: new google.maps.LatLng(<%= @car.latitude %>, <%= @car.longitude %>),
		        	title: "Aerodynamic" 
		        });

		        marker.setMap(map);
		      }
		      google.maps.event.addDomListener(window, 'load', initialize);
		    </script>


			</div>
		</div>

###試したこと

あらたにAPIキーをつくって入れ替えてみた。

###補足情報(言語/FW/ツール等のバージョンなど)

Rails 4.2.1