Heroku GoogleMap が表示できない

前提

JavaEEウェブアプリをHerokuにデプロイしています。
GeoCoding　GoogleMap　API　を実装して、ローカルでは表示されますが、
Herokuでも最初は不安定ながら表示されていたのが、platformやHeroku configを変更してみたところ、今は全く表示されなくなりました。

設定方法の間違えのご指摘、足りないところありましたらぜひ教えてください。
よろしくお願いいたします。

追記です。
デプロイ方法：war
コードを公開していないのでapi keyはコードに書いています。
その場合、環境変数やenvファイルなどは必要ないのでしょうか？

実現したいこと

HerokuでGoogleMapが表示されるようにしたい

googleMap コード

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

script
1<%GoodsShop gs=(GoodsShop)request.getAttribute("gs");%>
2</script>
3 
4  <script type="text/javascript">
5  var map;
6  var marker;
7  var geocoder;
8  function initMap() {
9    geocoder = new google.maps.Geocoder();
10    geocoder.geocode({
11    'address':'<%=gs.getAddress() %>' //住所
12    }, function(results, status) {
13      if (status === google.maps.GeocoderStatus.OK) {
14      map = new google.maps.Map(document.getElementById('gmap'), {
15        center: results[0].geometry.location,
16        zoom: 17 //ズーム
17     });
18    marker = new google.maps.Marker({
19    position: results[0].geometry.location,
20    map: map
21    });
22    infoWindow = new google.maps.InfoWindow({
23    content: '<h4>ツールチップのタイトル</h4>'
24    });
25    marker.addListener('click', function() {
26      infoWindow.open(map, marker);
27    });
28    } else {
29      alert(status);
30    }
31  });
32}
33</script>
34<div id="gmap" style="width: 250px; height: 250px;"></div>