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>