[Ruby]googlemapを表示できません。

以下の記事を参考にさせていただきましたが、マップの方だけが表示されません。

Rails5でGoogleMapを表示

全く同じ工程でやったのですが、mapを表示させることができません。
よろしければ、ご教授お願いいたします。

ruby
1show.html.erb
2
3<script type="text/javascript">
4    function initMap() {
5
6        var test ={lat: <%= @latitude %>, lng: <%= @longitude %>};
7        var map = new google.maps.Map(document.getElementById('map'), {
8            zoom: 15,
9            center: test
10        });
11        var transitLayer = new google.maps.TransitLayer();
12        transitLayer.setMap(map);
13
14        var contentString = '住所：<%= @address %>';
15        var infowindow = new google.maps.InfoWindow({
16            content: contentString
17        });
18
19        var marker = new google.maps.Marker({
20            position:test,
21            map: map,
22            title: contentString
23        });
24
25        marker.addListener('click', function() {
26            infowindow.open(map, marker);
27        });
28    }
29</script>
30<script async defer
31        src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=取得したapiのキー&callback=initMap">
32</script>
33
34<p id="notice"><%= notice %></p>
35
36<p>
37  <strong>Address:</strong>
38  <%= @map.address %>
39</p>
40
41<p>
42  <strong>Latitude:</strong>
43  <%= @map.latitude %>
44</p>
45
46<p>
47  <strong>Longitude:</strong>
48  <%= @map.longitude %>
49</p>
50
51<style type="text/css">
52  #map { height: 400px;
53    margin-left:auto;
54    margin-right:auto;
55    text-align:left;
56    width: 80%;}
57</style>
58<div id="map"></div>
59
60<%= link_to 'Edit', edit_map_path(@map) %> |
61<%= link_to 'Back', maps_path %>