update links

This commit is contained in:
Zhora Shalyapin 2025-02-24 15:00:13 +00:00
parent ec9a6098aa
commit 02a2bbcd1b

29
main.js
View File

@ -146,17 +146,22 @@
return `https://2gis.ru/moscow?m=${lon}%2C${lat}%2F${zoom}` return `https://2gis.ru/moscow?m=${lon}%2C${lat}%2F${zoom}`
} }
function makeRef(linkCallback, iconSrc, lat, lon, zoom) { function makeRef(linkCallback, iconSrc, zoom) {
let container = document.createElement("a") let ref = document.createElement("a")
container.href = linkCallback(lat, lon, zoom) ref.href = linkCallback(lat, lon, zoom)
container.setAttribute('target', "_blank") ref.setAttribute('target', "_blank")
ref.addEventListener("click", function (e) {
let lat = document.querySelector(`input[name="cp[lattitude]"]`).value
let lon = document.querySelector(`input[name="cp[longitude]"]`).value
this.href = linkCallback(lat, lon, zoom)
})
let icon = document.createElement("img") let icon = document.createElement("img")
icon.src = iconSrc icon.src = iconSrc
icon.classList.add("map-icon") icon.classList.add("map-icon")
container.appendChild(icon) ref.appendChild(icon)
return container return ref
} }
let makeCoordinatesLinks = (function() { let makeCoordinatesLinks = (function() {
@ -165,17 +170,13 @@
if (executed) return if (executed) return
executed = true executed = true
let lat = document.querySelector(`input[name="cp[lattitude]"]`).value
let lon = document.querySelector(`input[name="cp[longitude]"]`).value
let linksContainer = document.createElement("div") let linksContainer = document.createElement("div")
linksContainer.appendChild(copyCoordinates()) linksContainer.appendChild(copyCoordinates())
linksContainer.appendChild(makeRef(yandexMaps, "https://upload.wikimedia.org/wikipedia/commons/7/72/Yandex_Maps_icon.svg", lat, lon, ZOOM)) linksContainer.appendChild(makeRef(yandexMaps, "https://upload.wikimedia.org/wikipedia/commons/7/72/Yandex_Maps_icon.svg", ZOOM))
linksContainer.appendChild(makeRef(googleMaps, "https://upload.wikimedia.org/wikipedia/commons/a/aa/Google_Maps_icon_%282020%29.svg", lat, lon, METERS)) linksContainer.appendChild(makeRef(googleMaps, "https://upload.wikimedia.org/wikipedia/commons/a/aa/Google_Maps_icon_%282020%29.svg", METERS))
linksContainer.appendChild(makeRef(pastvu, "https://pastvu.com/coast-icon.png", lat, lon, ZOOM)) linksContainer.appendChild(makeRef(pastvu, "https://pastvu.com/coast-icon.png", ZOOM))
linksContainer.appendChild(makeRef(twoGis, "https://d-assets.2gis.ru/favicon.png", lat, lon, ZOOM)) linksContainer.appendChild(makeRef(twoGis, "https://d-assets.2gis.ru/favicon.png", ZOOM))
console.log(linksContainer)
document.querySelector(`div:has(> div > input[name="cp[longitude]"])`).after(linksContainer) document.querySelector(`div:has(> div > input[name="cp[longitude]"])`).after(linksContainer)
} }