Med Google maps kan man göra det mesta, så varför inte en s.k. “heatmap” som visar var det är dyrast respektive billigast att köpa hus?
Det är inte så komplicerat egentligen, har man bara en databas med fastighetspriser så kan man enkelt indexera dem efter pris per kvadratmeter (eller valfri storhet) och därefter plotta dem snyggt på en karta. Men hur omvandlar man pris till en färg, så som en heatmap kräver?
Jag hittade en php-class som heter Colour gradient class som på ett enkelt sätt skapar en färggradient array i hundra steg, baserat på vilka färger man vill ska ingå. Genialt!
Sedan får man helt enkelt “översätta” pris till en hexdec-färgkod och skicka det hela till ett javascript som ritar upp en cirkel med aktuell färg på aktuell latitud och longitud.
Den största nackdelen med applikationen i dagsläget är att den är långsam – att rita hundratals cirklar i ett layer på Google maps gör att webbläsaren blir otroligt seg, vilket du kanske märker om du besöker en exempelsida, som visar fastighetspriser i västra Göteborg.
Klistar in en bild också för den som inte vill riskera att köra fast i javascriptcirklarna.
Nu återstår “bara” att hitta en snabbare lösning att rendera heatmappen – javascriptcirklarna i nuvarande form fungerar inte. Vi får se vad jag kan hitta
