210 lines
7.6 KiB
JavaScript
210 lines
7.6 KiB
JavaScript
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;
|
|
}
|
|
} |