Google Map API について。JavaScriptを用いて、ブラウザにgoogle mapを表示させたいのですが、表示されません。

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Javascriptで、google Map APIを使用したいです。
ドットインストールの通りに進めていますが、
以下のコードを書いて、ブラウザで実行しても
ブラウザに何も反映されません。

APIキー以外は、ドットインストールと同じはずなのですが
原因が分からず悩んでいます。

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

ブラウザにコードが反映されない

該当のソースコード

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>MY Maps</title> <style> #target { width: 550px; height: 200px; } </style> </head> <body> <div id="target"></div> <script src="https://maps.googleapis.com/maps/api/js?language=ja&region=JP&key=API_KEY& callback=initMap" async defer ></script> <script> function initMap() { "use strict";

    let target = document.getElementById("target");
    let map;
    let tokyo = { lat: 35.681167, lng: 139.767052 };

    map = new google.maps.Map(target, {
      center: tokyo,
      zoom: 6,
    });
  }
</script>

</body> </html>