更新するとGoogleMapが表示されなくなる

質問失礼いたします。
現在rails でポートフォリオ作成中です。

#【実装したいこと】
Google Mapを記事詳細ページで表示したい

#【詳細】
Google Mapを記事詳細ページで表示することはできたのですが、そのページを更新するとconsoleでエラーが出てGoogle Mapが表示されなくなります。
エラーの内容は

Uncaught ReferenceError: google is not defined
    at eval (eval at <anonymous> (infobox_packed.js:1), <anonymous>:1:1066)
    at infobox_packed.js:1
eval @ VM50170:1
(anonymous) @ infobox_packed.js:1

と

44:1 Uncaught (in promise) pd {message: "Map: Expected mapDiv of type Element but was passed null.", name: "InvalidValueError", stack: "Error↵    at new pd (https://maps.googleapis.com/m…4t136yIMuX6XJROiWOfKHmCBM&callback=initMap:141:75"}

と言うものです
その他にも

You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.

が出ることがあり
このページではAPIを一回しか読み込んでいないので、なぜこのエラーが出るのかも分かりません。
おそらく、更新によりAPIが二度読み込まれ、このようなことになっているのだと推測しましたが、改善方法が分かりません。
もし分かる方いましたら、ご回答いただけると幸いです。よろしくお願いいたします。

#エラーがでているページのhtml

show.html.erb
1<div class="post-wrap">
2  <div class="post-image">
3    <% if @cafepost.image.url.nil? %>
4    <%= image_tag 'noimage.png' %>
5    <% else %>
6    <%= image_tag @cafepost.image.url %>
7    <% end %>
8  </div>
9  <div class="post-detail">
10    <div class="post-detail-left">
11      <div class="post-user-detail">
12        <%= image_tag @cafepost.user.image.thumb23.url %>
13        <p><%= link_to @cafepost.user.name, @cafepost.user %></p>
14      </div>
15      <p class="post-time">
16        <%= @cafepost.updated_at.strftime("%Y/%m/%d") %>
17      </p>
18      <p class="post-postcode">〒<%= @cafepost.postcode %></p>
19      <p class="post-address">
20        <%= @cafepost.address_all %>
21      </p>
22    </div>
23    <div class="post-detail-right">
24      <p class="post-content"><%= @cafepost.content %></p>
25      <% if @cafepost.wifi %>
26      <p>wifiあります</p>
27      <% end %>
28      <% if @cafepost.power %>
29      <p>コンセントあります</p>
30      <% end %>
31    </div>
32  </div>
33  
34  <h2>コメント一覧</h2>
35  <div>コメント<%= @comments.count %></div>
36  <% @comments.each do |c| %>
37    <div>
38      <%= link_to c.user.name, user_path(c.user) %>
39      <%= c.content %>
40      <hr>
41    </div>
42  <% end %>
43  
44  <%= form_for [@cafepost, @comment] do |f| %>
45    <%= f.text_field :content %>
46    <%= f.hidden_field :cafepost_id, value: @cafepost.id %>
47    <br>
48    <%= f.submit 'コメントする' %>
49  <% end %>
50  
51</div>
52
53
54<script type="text/javascript">
55  function initMap() {
56    var test = {lat: <%= @cafepost.latitude %>, lng: <%= @cafepost.longitude %>};
57    var map = new google.maps.Map(document.getElementById('map'), {
58              zoom: 15, 
59              center: test
60              });
61    var transitLayer = new google.maps.TransitLayer();
62    transitLayer.setMap(map);
63
64    var contentHTML = '<p><%= @cafepost.title%></p><p>場所：<%= @cafepost.address_all %></p>';
65    var infowindow = new google.maps.InfoWindow({
66      content: contentHTML
67    });
68
69    var marker = new google.maps.Marker({
70                  position:test,
71                  map: map,
72                  title: contentHTML
73                 });
74
75     marker.addListener('click', function() {
76       infowindow.open(map, marker);
77     });
78  }
79</script>
80
81    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=MyAPIKey=initMap"></script>
82
83
84
85
86<style type="text/css">
87  #map { height: 200px;
88         width: 70%;}
89</style>
90
91
92  <div id="map"></div>