Google map挿入時のエラーについて[initMap is not a function]

Question

HTML/CSSを使用してGoogle mapの挿入をしました。
画面上は問題なく表示されていますが、以下のエラーが生じております。

message: "initMap is not a function"
name: "InvalidValueError"
引用テキストエラー表示キャプチャ：https://gyazo.com/26fbdce99269741226aff48df1251324
引用テキスト実装の参考にしたページ：https://webcreatetips.com/coding/3481/

記述する位置の確認や、Web検索で上記エラーに関するページ・こちらのサイトの過去の質問を参照しましたが、
エラーを解消させることができませんでした。どなたかアドバイスをいただけますと大変幸いです。

HTML
<!-- Google map -->
<iframe class="google-map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1620.4140148605989!2d139.76619634227137!3d35.68123619643597!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188bfbd89f700b%3A0x277c49ba34ed38!2z5p2x5Lqs6aeF!5e0!3m2!1sja!2sjp!4v1679226539631!5m2!1sja!2sjp"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade">
</iframe>

<!-- APIキー -->
<script src="https://maps.googleapis.com/maps/api/js?key={API-Key}&callback=initMap&libraries=&v=weekly"></script>

CSS
.google-map {
    width: 100%;
    height: 15.688rem;
    aspect-ratio: 16/9;
}

Answer 1

iframeでの埋め込みの場合、<!-- APIキー -->以下が不要です。

Comments

[kaori_330]

おっしゃる通り、<!-- APIキー --> 以下を削除しましたらエラーなしとなりました。
ご教示くださりありがとうございます！