JSFiddle - React, Tailwind, and code Playground

by MarkBennett

HTML

<div>Your current location is, <span id="your-location">unknown</span>.</div>

JavaScript

function getCurrentPositionDeferred(options) {
    var deferred = $.Deferred();

    navigator.geolocation.getCurrentPosition(deferred.resolve, deferred.reject, options);

    return deferred.promise();
}

(function($) {
    
    var $location = $("#your-location");
    
    $(function() {
        $location.html("pending...");
        
        getCurrentPositionDeferred({
            enableHighAccuracy: true
        }).done(function(loc) {
            console.dir(loc);
            $location.html("known");
        }).fail(function() {
            $location.html("hidden");
        });
    });
    
}(jQuery));