Widget:Geolocation: Unterschied zwischen den Versionen
Aus FürthWiki
(Die Seite wurde neu angelegt: „if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(zeigePosition); } else { ausgabe.innerHTML = 'Ihr Browser unterstüt…“) |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
if (navigator.geolocation) { | <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> | |||
const button = document.getElementById('los'), | |||
ausgabe = document.getElementById('ausgabe'); | |||
button.addEventListener('click', 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:<br> Breite: " + position.coords.latitude + | |||
"<br>Länge: " + position.coords.longitude; | |||
} | |||
</script> | |||
Version vom 12. April 2022, 08:27 Uhr
HTML5 - Geolocation
Ihren Standort ermitteln
<main>
Sobald Sie auf den Button klicken, werden Ihre Koordinaten ermittelt.
<button id="los">Los!</button>
</main> <script> const button = document.getElementById('los'), ausgabe = document.getElementById('ausgabe'); button.addEventListener('click', 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>
