Javascript 谷歌地图API显示不正确

我正在做我的考试项目，试图让谷歌地图API显示我的当前位置。但它不起作用，只是显示一个空白/灰色页面，而不是地图

我试着在这里搜索，发现了一些关于宽度和高度的回应，但似乎没有什么对我有用

以下是错误：

我只允许在这个项目中使用HTML、CSS和JavaScript编写代码

这是我的密码

<script src="https://maps.google.com/maps/api/js?key=MY KEY IS HERE AND WORKING"></script>

我的JS：

    function visPosition() {
    if(navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(visKort, visFejl);
    } else {
        alert("Din browser understøtter ikke dette element");
    }
}

// Definerer funktionen når den bliver kaldt succesfuldt.
function visKort(position) {
    // Får lokations dataen
    lat = position.coords.latitude;
    long = position.coords.longitude;
    let latlong = new google.maps.LatLng(lat, long);

    let mineIndstillinger = {
        center: latlong,
        zoom: 10,
        mapTypeControl: true,
        navigationControlOptions: {
            style:google.maps.NavigationControlStyle.SMALL
        }
    }

    let map = new google.maps.Map(document.getElementById("kort"), mineIndstillinger);
    let marker = new google.maps.Marker({ position:latlong, map:map, title:"Du er her" });
}

// Definerer fejlene der kan opstå når funktionen bliver kaldt.
function visFejl(error) {
    if(error.code == 1) {
        result.innerHTML = "Du vil ikke dele din position.";
    } else if(error.code == 2) {
        result.innerHTML = "Netværket er nede.";
    } else if(error.code == 3) {
        result.innerHTML = "Timed out.";
    } else {
        result.innerHTML = "Ukendt Fejl.";
    }
}

---

我对编码相当陌生。

看这个？如果这是真正的标记/脚本，那么您应该看看html文档是如何构造的，以及放在哪里。@BhavikKalariya“缩放级别”与这个问题有什么关系？你在哪里找到jQuery？代码甚至没有显示地图，更不用说灰色区域了。看看你的JS控制台中是否有任何错误。

    #kort {
  width: 100%;
  height: 755px;
}

    function visPosition() {
    if(navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(visKort, visFejl);
    } else {
        alert("Din browser understøtter ikke dette element");
    }
}

// Definerer funktionen når den bliver kaldt succesfuldt.
function visKort(position) {
    // Får lokations dataen
    lat = position.coords.latitude;
    long = position.coords.longitude;
    let latlong = new google.maps.LatLng(lat, long);

    let mineIndstillinger = {
        center: latlong,
        zoom: 10,
        mapTypeControl: true,
        navigationControlOptions: {
            style:google.maps.NavigationControlStyle.SMALL
        }
    }

    let map = new google.maps.Map(document.getElementById("kort"), mineIndstillinger);
    let marker = new google.maps.Marker({ position:latlong, map:map, title:"Du er her" });
}

// Definerer fejlene der kan opstå når funktionen bliver kaldt.
function visFejl(error) {
    if(error.code == 1) {
        result.innerHTML = "Du vil ikke dele din position.";
    } else if(error.code == 2) {
        result.innerHTML = "Netværket er nede.";
    } else if(error.code == 3) {
        result.innerHTML = "Timed out.";
    } else {
        result.innerHTML = "Ukendt Fejl.";
    }
}