En este artículo, discutiremos la propiedad de altitud de geolocalización . La geolocalización en HTML se utiliza para obtener la posición geográfica de un usuario. El método getCurrentPosition() , en esta geolocalización, devuelve un objeto en caso de éxito.
coords.altitude: esta propiedad devolverá la altitud en metros sobre el nivel del mar.
Sintaxis:
coords.altitude
Ejemplo: El siguiente código HTML devolverá la altitud.
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width,initial-scale=1">
</head>
<body>
<h2 style="color:green">GeeksforGeeks</h2>
<p><b> Displaying Altitude</b></p>
<button onclick="getlocation()"> Click Me </button>
<p id="paraID"></p>
<script>
var variable1 = document.getElementById("paraID");
function getlocation() {
navigator.geolocation.getCurrentPosition(showLoc);
}
function showLoc(pos) {
variable1.innerHTML = "Altitude: "
+ pos.coords.altitude;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome 5.0
- Internet Explorer 9.0
- Firefox 3.5
- Ópera 16.0
- Safari 5.0
Publicación traducida automáticamente
Artículo escrito por ojaswilavu8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA