<script>
    swal({
        html: <div id="hoge"></div>
    });
    $(function () {
        $("#hoge").css({
           "width": "500px",
            "height": "500px",
        });
    });
    let map;
    let marker;
    function initMap() {
        map = new google.maps.Map(document.getElementById('hoge'), {
            center: {
                lat: 100,
                lng: 20,
            },
            zoom: 10
        });
        marker = new google.maps.Marker({
           position: {
                lat: 100,
                lng: 20,
           },
           map: map,
        });
    }
    <script src="https://maps.googleapis.com/maps/api/js?language=ja&key=HOGEHOGE&callback=initMap"></script>
</script>

このようにコードを書くとscriptタグでエラーが出て実装できませんでした。
どうすればよいですか?