Mach mal - HTML, CSS und JavaScript ausprobieren!

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>JSL191 Geolocation</title>
  </head>
  <body>
    <button onclick="ermittlePosition();">Geolocation starten</button>
    <script>
      function ermittlePosition() {
        var meinePos = navigator.geolocation;
        if (meinePos) {meinePos.getCurrentPosition(zeigePosition, zeigeFehler);}
        else {alert("Ihr Browser unterstützt keine Geolocation.");}
      }

function zeigePosition(position) {
        alert("Breite: " + position.coords.latitude);
        alert("Länge: " + position.coords.longitude);
        alert("Höhe: " + position.coords.altitude);
      }

function zeigeFehler(fehler) {
        switch(fehler.code) {
          case fehler.PERMISSION_DENIED:
               alert("Benutzer lehnte Standortabfrage ab."); break;
          case fehler.POSITION_UNAVAILABLE:
               alert("Standortdaten sind nicht verfügbar."); break;
          case fehler.TIMEOUT:
               alert("Die Standortabfrage dauerte zu lange."); break;
          case fehler.UNKNOWN_ERROR:
               alert("unbekannter Fehler."); break;
        }
      }
    </script>
  </body>
</html>