Widget:Geolocation: Unterschied zwischen den Versionen

Aus FürthWiki

keine Bearbeitungszusammenfassung
(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>
        navigator.geolocation.getCurrentPosition(zeigePosition);
<main>
    } else {  
<p>Sobald Sie auf den Button klicken, werden Ihre Koordinaten ermittelt.</p>
        ausgabe.innerHTML = 'Ihr Browser unterstützt keine Geolocation.';
<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>