Mapa odbernych miest

[mirelon]

Vytvoril som mapu pre Kosice: https://mirelon.github.io/kosice/

Za pridanu hodnotu povazujem hlavne farebne vyznacenie miesta podla casu cakania.

Zdrojaky: https://github.com/mirelon/kosice

Feel free to include. (ja som tam spravil parsovanie odbernych miest zo stranky https://korona.kosice.sk/spolocna-zodpovednost/, ale myslim, ze to tam nebude potrebne mat)

Zhrnutie podstatneho kodu

Potrebujeme premenne:

• window.mapa // inicializovana google mapa

V cykle prejst vsetky odberne miesta s premennymi:

• adresa
• lat
• lng
• cas // v minutach

const casString = (cas === '') ? 'Neznámy' : `${cas} minút`
const marker = new google.maps.Marker({
    position: new google.maps.LatLng(lat, lng),
    title: `${adresa}\nOdhadovaný čas čakania: ${casString}`,
    icon: {
        path: google.maps.SymbolPath.CIRCLE,
        scale: 5,
        strokeColor: cas === '' ? 'grey' : `hsl(${Math.max(0, 120 - 2*cas)}, 100%, 50%)`
    }
})
marker.setMap(window.mapa)