Heroku GoogleMap が表示できない

前提

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

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

実現したいこと

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

googleMap コード

api

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

script

<%GoodsShop gs=(GoodsShop)request.getAttribute("gs");%> </script> <script type="text/javascript"> var map; var marker; var geocoder; function initMap() { geocoder = new google.maps.Geocoder(); geocoder.geocode({ 'address':'<%=gs.getAddress() %>' //住所 }, function(results, status) { if (status === google.maps.GeocoderStatus.OK) { map = new google.maps.Map(document.getElementById('gmap'), { center: results[0].geometry.location, zoom: 17 //ズーム }); marker = new google.maps.Marker({ position: results[0].geometry.location, map: map }); infoWindow = new google.maps.InfoWindow({ content: '<h4>ツールチップのタイトル</h4>' }); marker.addListener('click', function() { infoWindow.open(map, marker); }); } else { alert(status); } }); } </script>

試したこと

GoogleCloudPlatform 認証情報

コマンド


プロジェクト直下の.envファイル

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。