En este artículo, discutiremos sobre la propiedad Geolocalización coords.heading . 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.
La propiedad Geolocalización coords.heading se utiliza para devolver el sentido de las agujas del reloj desde el norte en grados. Si no es aplicable, devolverá nulo.
Sintaxis :
coords.heading
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<body>
<h2 style="color:green">
GeeksforGeeks
</h2>
<p><b> Displaying heading</b></p>
<button onclick="getlocation()">
Click Me
</button>
<p id="paraID"></p>
<script>
var variable1 = document.getElementById("paraID");
function getlocation() {
navigator
.geolocation
.getCurrentPosition(showLoc, error, options);
}
function showLoc(pos) {
variable1.innerHTML = "Heading: "
+ pos.coords.heading;
}
function error(err) {
console.warn(
`ERROR(${err.code}): ${err.message}`
);
}
var options = {
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 0
};
</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 bhanusivanagulug y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA