Widget:Geolocation: Unterschied zwischen den Versionen

Aus FürthWiki
Zur Navigation springen Zur Suche springen
Zeile 1: Zeile 1:
<h1>HTML5 - Geolocation<br>Ihren Standort ermitteln</h1>
 
<main>
 
<p>Sobald Sie auf den Button klicken, werden Ihre Koordinaten ermittelt.</p>
 
<button
 
id="los">Los!</button>
 
<p id="ausgabe"></p>
 
</main>
 
 
<script>
 
<script>
const button = document.getElementById('los'),
+
  const button = document.getElementById('los'),
ausgabe = document.getElementById('ausgabe');
+
    ausgabe = document.getElementById('ausgabe');
button.addEventListener('click', ermittlePosition);
+
  // button.addEventListener('click', ermittlePosition);
 +
    ermittlePosition();
  
function ermittlePosition() {
+
  function ermittlePosition() {
if (navigator.geolocation) {
+
    if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(zeigePosition);
+
      navigator.geolocation.getCurrentPosition(zeigePosition);
} else {
+
    } else {
ausgabe.innerHTML = 'Ihr Browser unterstützt keine Geolocation.';
+
      ausgabe.innerHTML = 'Ihr Browser unterstützt keine Geolocation.';
}
+
    }
}
+
  }
  
function zeigePosition(position) {
+
  function zeigePosition(position) {
ausgabe.innerHTML = "Ihre Koordinaten sind:<br> Breite: " + position.coords.latitude +
+
    ausgabe.innerHTML = "Ihre Koordinaten sind:<br> Breite: " + position.coords.latitude +
"<br>Länge: " + position.coords.longitude;
+
      "<br>Länge: " + position.coords.longitude;
}
+
  }
  
 
</script>
 
</script>

Version vom 12. April 2022, 09:30 Uhr

<script>

 const button = document.getElementById('los'),
   ausgabe = document.getElementById('ausgabe');
 // button.addEventListener('click', ermittlePosition);
   ermittlePosition();
 function ermittlePosition() {
   if (navigator.geolocation) {
     navigator.geolocation.getCurrentPosition(zeigePosition);
   } else {
     ausgabe.innerHTML = 'Ihr Browser unterstützt keine Geolocation.';
   }
 }
 function zeigePosition(position) {
   ausgabe.innerHTML = "Ihre Koordinaten sind:
Breite: " + position.coords.latitude + "
Länge: " + position.coords.longitude; }

</script>