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)

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    $("#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 mensajesAsync(tiempo) {
          $("body").append($mensaje);
          await Carga(tiempo);
        }
        mensajesAsync(5000);
    } else {
        $("body").append("Debe aceptar la geolocalización");
      }
      });

<!-- language: lang-html -->

    <!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>

<!-- end snippet -->

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