Google Maps Rails Bootstrap Modalの基本設定

Question

Google MapsをRailsのBootstrapモーダルで表示するのは難しいです。 Application.html.erb

<%= javascript_include_tag "https://maps.googleapis.com/maps/api/js?key=AIzaSyCFm7OzAKuPbEa48b_aZ4S6JqMGVUCwwFs&callback=initMap", async: true, defer: true %> 

モーダル部分で

：

<div id="map"></div> 

<script> 
    var map; 
    function initMap() { 
    map = new google.maps.Map(document.getElementById('map'), { 
     center: {lat: -34.397, lng: 150.644}, 
     zoom: 8 
    }); 
    } 
</script> 

ページのロードでのコンソールのエラーは、次のとおりです。私が想定してい

"initMap is not a function" 
name: "InvalidValueError" 

initMapが読み込まれていないModalに隠されているということです。解決策についてのヒントは高く評価されますが、私は数時間それを研究しています。

編集：...これは別の質問ですが、これは別の質問ですが、私は以前はGoogleの自動入力機能をインストールして動作させていましたが、これはGoogleマップを動作させるために取り出しました。 （2つのGoogle APIの読み込みがあります）。以前のGoogleの場所のapplication.html.erbは

<%= javascript_include_tag "https://maps.googleapis.com/maps/api/js?key=AIzaSyCFm7OzAKuPbEa48b_aZ4S6JqMGVUCwwFs&libraries=places", async: true, defer: true %> 

です。どのように2つのgoogle apiスクリプトタグを混在させるのですか？ URLにコールバックinitMapを使用せずに

Answer 1

てみてください..........

<%= javascript_include_tag "https://maps.googleapis.com/maps/api/js?key=AIzaSyCFm7OzAKuPbEa48b_aZ4S6JqMGVUCwwFs", async: true, defer: true %> 

これはあなたのために働くことを願っています。ありがとう！