[EC2]ローカル環境ではGoogleMapsが表示されるが本番環境ではGoogleMapsの表示がされない

Question

#解決したいこと
EC2でデプロイしたアプリケーションです。
GoogleMapsのAPIを導入し投稿した住所から割り当てられた場所をGoogleMapsにピン立てるように実装したところ、本番環境のみ表示がされないので、本番環境でも正しく表示されるように実装したい。

#問題が発生している画面
ローカル環境の画面

EC2でデプロイしたものの画面

#該当するビューファイル
show.html.erb

<%# #mapの表示 %>
<div id="map" style="width: 92vh; height: 50vh;"></div>

<script type="text/javascript">
  function initMap() {
// latitude,longitudeから位置を特定
    var test ={lat: <%= @gyms.latitude %>, lng: <%= @gyms.longitude %>};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 15,
      center: test
    });
    var transitLayer = new google.maps.TransitLayer();
    transitLayer.setMap(map);

    var contentString = '住所：<%= @gyms.address %>';
    var infowindow = new google.maps.InfoWindow({
      content: contentString
    });

//  #Map上の指定した位置にピンを挿して表示する
    var marker = new google.maps.Marker({
      position:test,
      map: map,
      title: contentString
    });

    marker.addListener('click', function() {
      infowindow.open(map, marker);
    });
  }
</script>

<%# #以下の記述の中にあるYOUR_API_KEYには取得したご自身のAPIキーを記述してください %>
<script async defer
  src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=<%= ENV['GOOGLE_MAP_API_KEY'] %>&callback=initMap">
</script>
<%# #表示するmapのcssです。ご自身でカスタマイズしてください。高さが設定されていないと表示されないことがあります。 %>
<style type="text/css">
  #map { height: 50vh;
         width: 91vh;
         margin-left: 50vh;
         margin-bottom: 30px;}
</style>

#該当するコントローラーのソースコード

  def show
    @gym = GymInformation.all
    @gyms = GymInformation.find(params[:id])
  end
  private

  def gym_information_params
    params.require(:gym_information).permit(:boulder_or_lead_id, :name, :region_id, :address, :grade_sence_id,:business_hours1_id, :business_hours2_id,
                                            :people_day_id, :people_time1_id, :people_time2_id, :people_vibe_id, :clerk_vibe_id, :gym_url, :gym_sns_url, :other, images: []).merge(user_id: current_user.id)
  end

#該当しているGem

gem "gmaps4rails"

gem "geocoder"

gem "gon"

gem "dotenv-rails"

#試したこと
EC2側を環境変数を設定していないことに気が付き、設定をしたが状況は変わらなかった

#検証ツールを確認
このようなエラーが出てた

#　EC2での環境変数設定

#本番環境で検証ツールを確認した画像

#本番環境で環境変数が設定されていることを確認した

Comments

[CHERRY]

API の呼び出しで、エラーが出ていたりしませんか？

[naonao-program]

確認したところエラーが出ていました
スクリーンショットを追記しているので確認お願いします

Answer 1

api_keyは本番環境(EC2)の環境変数として設定しているでしょうか？

エラーメッセージにNoApikeyが出ています。
設定しているとしたら変数名やkeyに間違いがある可能性もあります。

Comments

[naonao-program]

確認しましたが設定できています
コピペミスも確認しましたが大丈夫でした。
一応追記したので確認お願いします