1

A ver como explico esto, estoy tratando de que cuando un usuario pulse un boton le pregunte si desea guardar la localización o no, al pulsar el boton de permitir debería realizar lo que contiene dentro del boton, pero si por el contrario pulsamos a bloquear mostrará un mensaje hasta que usuario decida aceptar la geolocalización.(se realiza todo con el mismo boton es decir al pulsarlo si no hay permiso pregunta, y si ya se ha concedido o denegado muestra el contenido de permitir o de bloquear)

$("#button").click(function (e) {
    e.preventDefault();
    var main=document.querySelector("main");
    navigator.geolocation.getCurrentPosition(pos=>{
        main.textContent=`Latitud: ${pos.coords.latitude},` +
        `Longitud: ${pos.coords.longitude}`
      });
if (localizacion == true){
  let $mensaje = $("<p>a aceptado la localización</p>");
    function Carga(t) {
      return new Promise((resolve) => {
        setTimeout(() => {
          resolve($("body").append("fetchs, funciones y otras cosas");
        }, t);
      });
    }
    async function esperar(t) {
      $("body").append($mensaje);
      await Carga(t);
    }
    esperar(5000);
} else {
    $("body").append("Debe aceptar la geolocalización");
  }
  });
<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  </head>
  <body>
  <button id="button">Notificaciones</button>
  </body>
</html>

He insertado en un snippet el codigo pero supongo que no está soportada la geolocalización por si no funciona.

2
  • Falta cerrar un paréntesis en resolve(...). Aparte, no se entiende bien lo que quieres hacer, porque intentas obtener un elemento main, que no existe en HTML (ni etiqueta, ni ID; ni clase), tampoco defines la variable localizacion; tienes una variable $mensaje que dudo pueda crearse como esperas, debería ser una simple cadena.
    – Triby
    Commented el 18 feb. 2021 a las 19:16
  • dame un momento editare la pregunta Commented el 18 feb. 2021 a las 19:31

1 respuesta 1

1

Enfocando la respuesta exclusivamente en geolocalización, debes tener en cuenta que, dependiendo del navegador, solo está disponible sobre protocolo seguro:

Secure context
This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

El método getCurrrentPosition acepta 3 parámetros, pero solo necesitamos 2:

  1. Función que se ejecuta si se pudo obtener la ubicación
  2. Función que se ejecuta en caso de error

$("#button").click(function (e) {
    e.preventDefault();
    // Verificar que el navegador puede acceder a ubicación
    if(!('geolocation' in navigator)) {
        console.log('Opción no disponible');
        return;
    }
    navigator.geolocation.getCurrentPosition(pos => {
        // Mostrar ubicación en contenedor con id="main"
        $('#main').text(`Latitud: ${pos.coords.latitude}, Longitud: ${pos.coords.longitude}`);
        $('body').append('<p>Ha aceptado la localización</p>');

        // Aquí mismo deberías ejecutar los otros procesos necesarios
        // De preferencia, llamando a funciones ya definidas

    }, err => {
        $('body').append('<p>Debe aceptar la localización</p>');
        console.log('Error obteniendo localización: ' + err.message);
    });
});
<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  </head>
  <body>
  <div id="main"></div>
  <button id="button">Notificaciones</button>
  </body>
</html>

1
  • justo era eso millones de gracias!!! Commented el 18 feb. 2021 a las 21:34

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.