Widget:Geolocation: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
HTML5 - Geolocation
(Die Seite wurde neu angelegt: „if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(zeigePosition); } else { ausgabe.innerHTML = 'Ihr Browser unterstüt…“) |
|||
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, 09: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>