Buonasera, ho notato che la pagina dei cantieri di FiberCop fa molta confusione nelle grandi città, dove i cerchi si sovrappongono ed è difficile capire a quale armadio fanno riferimento.
Vedendo un po' come vengono disegnati, ho creato questo semplice strumento che mette una puntina al centro di ogni cerchio, e dice anche le coordinate. Ho cercato alcune di queste su Street View e sembrano essere quasi con esattezza quelle degli armadi associati ai cantieri. Spero possa essere utile a qualcuno 🙂
Per usarlo, basta eseguire questo codice nella console del browser una volta che la pagina dei cantieri si è caricata. Vi invito prima a leggerlo (dovrebbe essere piuttosto semplice), e in generale a non eseguire codice di cui non vi fidate nella console.
(() => {
// CONFIGURAZIONE
const aggiungiPuntine = true
points = FFCantieri.poi
map = gMap
const infoWindowSupplier = pos => {
return `
<div style="color:black;">
<p><strong>Posizione</strong>: ${pos.lat}, ${pos.lng}</p>
<p>Visualizza su <a href="https://www.openstreetmap.org/search?query=${pos.lat}%2C${pos.lng}" target="_blank">OpenStreetMap</a></p>
<p>Visualizza su <a href="https://www.google.com/maps/search/${pos.lat}%2C${pos.lng}" target="_blank">Street View</a></p>
</div>
`
};
if (aggiungiPuntine) {
points.forEach((poi, idx) => {
const puntina = new google.maps.Marker({
clickable: true,
position: { lat: poi.lat, lng: poi.lng },
})
puntina.addListener("click", () => {
new google.maps.InfoWindow({
content: infoWindowSupplier(poi)
}).open({ anchor: puntina, map })
})
puntina.setMap(map)
})
}
})()
