ウェブサイトにgoogle mapsを追加する

Question

テキストフィールドに住所を入力するときに地図を提示しようとしています。私は、私は、ランタイムの後にマップを追加するにはどうすればよい「initMapは関数ではありません」エラーとして

実行時にマップできるように存在していたが、クリックにマップを追加するために苦労していますjsファイル？

Answer 1

<script src="https://maps.googleapis.com/...?key=yourkey&callback=initMap></script>など、Google Maps APIを含めると、callbackというクエリパラメータが含まれている可能性があります。

このパラメータを使用すると、APIの読み込みが終了すると、指定した機能（この場合はinitMap）を自動的に実行するようGoogle Mapsに指示します。したがって、まず、ユースケースに関係のないクエリパラメタを省略したいと考えています。 JavaScriptのエラーをクリアしてから、次のような方法でページの地図を作成することができます：

function handleClick() { 
    const mapEl = document.querySelector("#map") 
    new google.maps.Map(mapEl, { 
    center: { lat: -25.363, lng: 131.044 }, 
    zoom: 8 
    }); 
} 

someButton.addEventListener("click", handleClick); 

Answer 2

は、私はあなたが何のコードが存在しないので、やろうとしているが、

document.onload = function() {} 

はまだガイドがたくさんありますあなたはあなたの周りに検索されている（

探しているものが何であるかわかりません/ docs with google maps api）