[Google Maps] JSエラー "initMap is not a function" - Web

Google マップのJSエラー対策メモ

対策

JSファイル内のグローバルスコープで、一旦 function initMap() {} 　を宣言する。

function initMap() {}

$(function(){
  function initMap(id,lat,lng) {
    var map = new google.maps.Map(document.getElementById(id), {
        // code
    }
  }

  initMap();
}

function initMap() {}

$(function(){

function initMap(id,lat,lng) {

var map = new google.maps.Map(document.getElementById(id), {

// code

}

initMap();

}

エラーの原因

Google Maps のスクリプトを非同期で読み込んでいるため、
initMap を宣言したときに存在していない場合がある？

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

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

参考ページ
angularjs – TypeError: window.initMap is not a function – Stack Overflow

コメントはこちらからコメントをキャンセル

This site uses Akismet to reduce spam. Learn how your comment data is processed.

対策

エラーの原因

関連記事

コメントはこちらから コメントをキャンセル

コメントはこちらからコメントをキャンセル