是否可以根据用户位置更改英雄图像？

Question

基本上，我正在为苏格兰和爱尔兰创建目标网页。如果来自苏格兰的用户查看着陆页，我希望英雄显示苏格兰的图像，如果用户从爱尔兰查看，则希望显示相同的逻辑。

当前，这就是我正在使用的。以下代码适用于从爱尔兰查看的所有用户。我认为由于时间长和纬度，这无法正常工作。

    var body = document.body;

    function locate() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function (position) {
                if (position.coords.latitude >= 53.1424 && position.coords.longitude >= 7.6921) {
                    $('.main-image-slider').css('background-image', 'url(/Destinations/Ireland_D15/GiantsCauseway_P2604/giants-causeway-19186.jpg)');
                } 
                else {
                    $('.main-image-slider').css('background-image', 'url(/Destinations/Scotland_D130/General/glenfinnan-railway-viaduct-19900.jpg)');
                }
            });
        } else {
            console.log(false);
        }
    };

    locate();