ReiMerc/Zipcode-Finder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make clicking also show zip code

Browse Source
This commit is contained in:
ReiMerc 2023-02-06 13:29:29 +01:00
parent ffc497cdbd
commit 0bed907c52
1 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
script.js
View File

@ -6,19 +6,36 @@ denmark.onmousemove = event => {
zip.style.display = "none"; zip.style.display = "none";
var rect = denmark.getBoundingClientRect(); var rect = denmark.getBoundingClientRect();
mouseX = event.x - rect.left; mouseX = event.x - rect.left;
mouseY = event.y - rect.top; mouseY = event.y - rect.top;
var coordX = mouseX / event.target.clientWidth * 8 + 6.2;
var coordY = Math.abs(mouseY / event.target.clientHeight * 3.6 - 57.93);
coords.innerHTML = `${coordX}<br>${coordY}`;
var oldMouseX = mouseX, oldMouseY = mouseY; var oldMouseX = mouseX, oldMouseY = mouseY;
setTimeout(() => { setTimeout(() => {
if (!mouseX || !mouseY || oldMouseX != mouseX || oldMouseY != mouseY) return; if (!mouseX || !mouseY || oldMouseX != mouseX || oldMouseY != mouseY) return;
showZipCode();
}, 200);
};
denmark.onclick = event => {
var rect = denmark.getBoundingClientRect();
mouseX = event.x - rect.left;
mouseY = event.y - rect.top;
ShowZipCode();
};
denmark.onmouseleave = () => {
mouseX = mouseY = null;
};
function showZipCode() {
var coordX = mouseX / denmark.clientWidth * 8 + 6.2;
var coordY = Math.abs(mouseY / denmark.clientHeight * 3.6 - 57.93);
coords.innerHTML = `${coordX}<br>${coordY}`;
var xhr = new XMLHttpRequest; var xhr = new XMLHttpRequest;
xhr.onload = () => { xhr.onload = () => {
if (xhr.status === 200) if (xhr.status === 200)
@ -28,12 +45,7 @@ denmark.onmousemove = event => {
} }
xhr.open("GET", `https://api.dataforsyningen.dk/postnumre/reverse?x=${coordX}&y=${coordY}&callback=onZipFound`); xhr.open("GET", `https://api.dataforsyningen.dk/postnumre/reverse?x=${coordX}&y=${coordY}&callback=onZipFound`);
xhr.send(); xhr.send();
}, 200); }
};
denmark.onmouseleave = () => {
mouseX = mouseY = null;
};
function onZipFound(data) { function onZipFound(data) {
zip.innerHTML = `${data.nr} <b>${data.navn}</b>`; zip.innerHTML = `${data.nr} <b>${data.navn}</b>`;