SDE-Interaktivt-kort/js/userlocation.js

var radius = 6.371;
var latitude;
var longtitude;

var check = false;
var accuracy;
var mapIndex;

var mapPoints = {
    "munkebjergvej": {
        0: 182.84810370036618,
        1: 141.11583965948455,
        2: 1135.02004895843,
        3: 626.1412432644905
    },
    "risingsvej": {
        0: 0,
        1: 0,
        2: 808,
        3: 692
    }
};


function start(){
    mapIndex = document.getElementById("mapIndex").getAttribute("value");

    (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera)


    const isIOSSafari = !!window.navigator.userAgent.match(/Version\/[\d\.]+.*Safari/);
    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

    function isMobileSafari() {
        var text = false;

        if (isIOSSafari && isIOS) {

        var r = confirm("Vi kan ikke finde din position på safari. \nVil du installere chrome?");

        if (r == true) {
          window.location.href = "https://apps.apple.com/dk/app/google-chrome/id535886823?itscg=30200&itsct=apps_box_appicon"
        }  else{
            return;
        }
    
        }
        return text;
    }

    if (isMobileSafari()) {
        alert(isMobileSafari());
    }

    else{
        getUserLocation(check)
    }
    
} 

function test() 
{    
    latitude = 55.407442;
    longtitude = 10.420011;

    LoadUserPosition("risingsvej", [55.40900, 10.41864], [55.40577, 10.42527] );
}

function getUserLocation(Device){
    dot = '<img src="../images/bruger.svg" id= bruger style="position:absolute;width:' + 0 + 'px;height:' + 0 + 'px;top:' + 0 + 'px;left:' + 0 + 'px;">';
    document.body.innerHTML += dot;

    if(Device == true){
        setInterval(function(){ 
            id = navigator.geolocation.getCurrentPosition(showPosition);
    
            navigator.geolocation.clearWatch(id);
        }, 1000);
    
    }
    else{
        id = navigator.geolocation.getCurrentPosition(showPosition);
    
        navigator.geolocation.clearWatch(id);
    }
   
}

function showPosition(position) 
{    
    latitude = position.coords.latitude;
    longtitude = position.coords.longitude;
    accuracy = position.coords.accuracy;
    
    switch (mapIndex) {
        case "0":
            LoadUserPosition('munkebjergvej', [55.38201, 10.40751], [55.37989, 10.41480]);
            break;
        case "1":
            LoadUserPosition('risingsvej', [55.40900, 10.41864], [55.40577, 10.42527]);
            break;
        default:
            break;
    }
}
 
function LoadUserPosition(map, leftPoints, rightPoints)
{
    const img = new Image();

    img.onload = function() 
    {
        var height = this.height;
        var width = this.width;
 
        var imgposx =   document.getElementById('School').offsetLeft;
        var imgposy =   document.getElementById('School').offsetTop;

        var TopLeftPosition = {
            scrX: imgposx,
            scrY: imgposy,
            lat: leftPoints[0],
            lng: leftPoints[1]
        }

        var BottomRightPosition = {
            scrX: width + imgposx,
            scrY: height + imgposy,
            lat: rightPoints[0],
            lng: rightPoints[1]
        }
        
        function latlngToGlobalXY(lat, lng){
        
            let x = radius*lng*Math.cos((TopLeftPosition.lat + BottomRightPosition.lat)/2);
        
            let y = radius*lat;
            return {x: x, y: y}
        }
        
        TopLeftPosition.pos = latlngToGlobalXY(TopLeftPosition.lat, TopLeftPosition.lng);
        BottomRightPosition.pos = latlngToGlobalXY(BottomRightPosition.lat, BottomRightPosition.lng);
        
        function latlngToScreenXY(lat, lng){
            
            let pos = latlngToGlobalXY(lat, lng);
        
            pos.perX = ((pos.x-TopLeftPosition.pos.x)/(BottomRightPosition.pos.x - TopLeftPosition.pos.x));
        
            pos.perY = ((pos.y-TopLeftPosition.pos.y)/(BottomRightPosition.pos.y - TopLeftPosition.pos.y));
        
            
            return {
                x: TopLeftPosition.scrX + (BottomRightPosition.scrX - TopLeftPosition.scrX)*pos.perX,
                y: TopLeftPosition.scrY + (BottomRightPosition.scrY - TopLeftPosition.scrY)*pos.perY
            }
        }
        
        var dot_size = 30;
        var half_dot = Math.floor(dot_size / 2);
        
        function draw_point(x, y) {
            var dotpositionx = x + 0;
            var dotpostiony = y + 0;

            var bruger = document.getElementById("bruger");
            bruger.style.visibility = "visible";
            bruger.style.width = "30px";
            bruger.style.height = "30px";
            bruger.style.top = dotpostiony + 'px';
            bruger.style.left = dotpositionx + 'px';
        }
        
        var pos = latlngToScreenXY(latitude, longtitude);

        if(insideMap(pos.x, pos.y, map)) {return}

        draw_point(pos.x - half_dot, pos.y - half_dot);
        
        document.getElementById('output').innerHTML = "Din Position. Latitude: " + latitude + 
        "  Longitude: " + longtitude + " Din X/Y Position. X: " + pos.x + " Y; " + pos.y + " Accuracy: "
        + accuracy + " meter;";
        
        navigator.geolocation.clearWatch(id);

    }

    img.src = '../images/maps/' + map + '.svg';  
}

last = false

function insideMap(x, y, map) {
    if(x < mapPoints[map][0] || y < mapPoints[map][1] || x > mapPoints[map][2] || y > mapPoints[map][3]) {
        if(last == true) {
            return true;
        }
        last = true;

        var bruger = document.getElementById("bruger");
        bruger.style.visibility = "hidden";
        
        alert("Vi kan ikke finde din lokation hvis du ikke er på skolen område.")

        return true;
    } else {
        last = false;
        return false;
    }
}