Google Maps APIを使ったMAPをWordpressで表示したいがエラーで白紙になってしまう

実現したいこと

htmlで作成したページをWordpress化したい(オリジナルテーマの作成)→完了
GoogleMAPの部分(Google Maps APIを使って複数のマーカーと吹き出しを設置)だけ白紙になってしまう。

前提

Javascriptにて、GoogleMAPの複数のマーカーを実装をしています。(htmlでは実装確認済み)
fnctions.phpにて、下記読み込みをしていますが、MAPが白紙になりました。
wp_enqueue_script('google-maps', DIRE .'/js/access.js', array('jquery'), filemtime( PATH . '/js/access.js'), false);
wp_enqueue_script('google-maps-api', 'https://maps.googleapis.com/maps/api/js?key=「APIキー」&callback=initMap', array(), null, true);

発生している問題・エラーメッセージ

「検証ツール」コンソールのエラー↓
エラーメッセージ
js?key=「APIキー」&callback=initMap:135 Uncaught (in promise) InvalidValueError: initMap is not a function
at _.ej (js?key=「APIキー」&callback=initMap:135:474)
at Sba (js?key=「APIキー」&callback=initMap:219:190)
at js?key=「APIキー」&callback=initMap:218:15
_.ej @ js?key=「APIキー」&callback=initMap:135
Sba @ js?key=「APIキー」&callback=initMap:219
(匿名) @ js?key=「APIキー」&callback=initMap:218
Promise.then(非同期)
Tba @ js?key=「APIキー」&callback=initMap:217
google.maps.Load @ js?key=「APIキー」&callback=initMap:14
(匿名) @ js?key=「APIキー」&callback=initMap:383
(匿名) @ js?key=「APIキー」&callback=initMap:383

該当のソースコード

【js?key=「APIキー」&callback=initMap】
_.ej = function(a, b) {
let c = "";
if (null != b) {
if (!aj(b))
return b instanceof Error ? b : Error(String(b));
c = ": " + b.message
}
return bj ? new cj(a + c) : new dj(a + c) ←「検証ツール」によると、ここがエラーのようです
}
;

試したこと

※初心者で詳しくない為、header.phpに記述を変更してみましたが、同じエラーでした。

<script> var path ="<?php echo get_template_directory_uri(); ?>"; </script> <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/access.js"></script>

※MAPのマーカーの画像のパスも確認済み

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

不足の情報がありましたら申し訳ありません。追記させて頂きます。
まだ学習を始めて間もないので、知識が少なく、とても困っているのでご回答いただけますと幸いです。
どうぞよろしくお願いいたします。

コメントを投稿

0 コメント