Este mini tutorial pretende enseñarte como crear con javascript una enlace para abrir Google Maps con tu ubicación.
0. Especificaciones técnicas del entorno de trabajo.
Para poder realizar este mini tutorial únicamente necesitas un navegador web actual, como:- Un navegador web (Google Chrome, Mozilla Firefox, Opera, otros).
- Un editor de código (Sublime Text, Atom, otros).
1. Utilizando el editor de código.
En este caso, utilizaremos el editor de código "Sublime Text" en su versión 3.2.1, donde debes de escribir (o copiar y pegar) el siguiente código como se muestra en la ilustración:
Código:
<!DOCTYPE html>
<html>
<head>
<title>Geolocalización</title>
</head>
<body>
<script>
var a = document.createElement('a');
a.target = "_blank";
a.text = "Ir a Google Maps";
document.body.append(a);
var options = {
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 0
};
function success(pos) {
var crd = pos.coords;
console.log('Your current position is:');
console.log('Latitude : ' + crd.latitude);
console.log('Longitude: ' + crd.longitude);
console.log('More or less ' + crd.accuracy + ' meters.');
a.href = "https://maps.google.com/?q=" + crd.latitude + "," + crd.longitude;
alert("Puedes dar click en el enlace.");
};
function error(err) {
console.warn('ERROR(' + err.code + '): ' + err.message);
};
navigator.geolocation.getCurrentPosition(success, error, options);
</script>
</body>
</html>
2. Resultado
Una vez escrito el código, guarda el archivo con el nombre de tu preferencia con la extensión ".html". En este caso, se guardo como "geo.html".
Guardado el archivo, con el navegador de tu preferencia, Mozilla Firefox en esta situación, abres el archivo que guardaste y el resultado es como se muestra en la siguiente ilustración.
* Nota: Se desplegará una ventana solicitando que le permitas acceder a tu ubicación la cual debes permitir si quieres ver el resultado.
En Google Chrome:
3. Fin.
Espero que este mini tutorial te sea de utilidad y te permita crear un enlace con tu ubicación para ver en Google Maps. Sin más, fuerte abrazo y excelente día.
Necesito de tu apoyo. Con solo descargar la aplicación de Kwai y ser mi referido me estás ayudando un montón. De antemano gracias!
¡Descarga Kwai para recibir dinero! https://s.kwai.app/s/Tw9zxddS
Comentarios
Publicar un comentario
¡Muchas por tu comentario! En breve estaré leyéndolo para responderte. Saludos :]