title: Google Map API is not showing correctly
body: <p>I am on my exam project, trying to get Google Map API to show my current location. But it's not working, and just showing a blank/grey page instead of a map.</p>
  
  <p>I tried searching in here, and found a couple of responses about the width and height, but nothing seems to work for me. </p>
  
  <p>Here is error:</p>
  
  <p><img src="https://i.stack.imgur.com/fhwMb.png" alt="Error picture"></p>
  
  <p>I am only allowed to code in this project with HTML, CSS AND JavaScript.</p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;script src="https://maps.google.com/maps/api/js?key=MY KEY IS HERE AND WORKING"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;div id="kort"&gt;
        &lt;button type="button" onclick="visPosition();"&gt;Vis min bils position&lt;/button&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>    #kort {
    width: 100%;
    height: 755px;
  }
  </code></pre>
  
  <p>My JS:</p>
  
  <pre><code>    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.";
      }
  }
  </code></pre>
  
  <p>I am fairly new to coding.</p>