Iframen käyttöohje
CO2-raportin tuottama hiilidioksipäästödata on mahdollista upottaa www-sivulle käyttämällä iframe-tagia, ks. esimerkkikoodi alta:
<iframe style="margin: 0; padding: 0; border: solid #ccc 1px;" src="https://co2.sitowise.com/co2-iframe" width="850" height="850"></iframe>
Yllä oleva esimerkkikoodi näyttää iframen muodostamassa ikkunassa koko Suomen päästötilanteen uusimman tietokannasta löytyvän viikon tiedot. Huom. iframen tarvitsema tila on 850 pikseliä leveys- ja korkeussuunnassa.
Esimerkkikoodi tuottaa tämän lopputuloksen:
Tietyn kaupungin tai kunnan tietojen näyttäminen
Linkitys tiettyyn alueeseen, jolloin sovellus näyttää suoraan ko. alueen tiedot, saadaan aikaan antamalla iframe-tagin src -parametrissä olevaan URL:iin mukaan areaId (=maakunta) ja subAreaId (=kaupunki/kunta). Ks. maakuntien areaId:t ja kaupunkien/kuntien subAreaId:t alta, tämän sivun lopusta.
Tässä esimerkiksi Salon tietojen näyttäminen. Maakunta on tällöin Varsinais-Suomi, eli areaId on 12, ja Salon subAreaId on puolestaan 50. Näin ollen URL:iin lisätään: ?areaId=12&subAreaId=50. Joten iframe-tagin koodiksi muodostuu:
<iframe style="margin: 0; padding: 0; border: solid #ccc 1px;" src="https://co2.sitowise.com/co2-iframe/?areaId=12&subAreaId=50" width="850" height="850"></iframe>
Vaihtoehtoinen koko
Lisäämällä iframe -tagin src -parametriin arvo opt=2 saadaan aikaan iframe, jonka sisältö asettuu 780 pikselin leveyteen. Esimerkiksi näin:
<iframe style="margin: 0; padding: 0; border: solid #ccc 1px;" src="https://co2.sitowise.com/co2-iframe?opt=2" width="780" height="850"></iframe>
Tietty alue ja vaihtoehtoinen koko:
<iframe style="margin: 0; padding: 0; border: solid #ccc 1px;" src="https://co2.sitowise.com/co2-iframe?areaId=12&subAreaId=50&opt=2" width="780" height="850"></iframe>
Maakuntien areaId
Etelä-Karjala = 6
Etelä-Pohjanmaa = 8
Etelä-Savo = 15
Kainuu = 17
Kanta-Häme = 4
Keski-Pohjanmaa = 7
Keski-Suomi = 13
Kymenlaakso = 5
Lappi = 19
Päijät-Häme = 3
Pirkanmaa = 11
Pohjanmaa = 9
Pohjois-Karjala = 16
Pohjois-Pohjanmaa = 18
Pohjois-Savo = 14
Satakunta = 10
Uusimaa = 1
Varsinais-Suomi = 12
Kaupunkien / kuntien subAreaId
Äänekoski = 38
?areaId=13&subAreaId=38
Alavus = 112
?areaId=8&subAreaId=112
Aura = 123
?areaId=12&subAreaId=123
Espoo = 78
?areaId=1&subAreaId=78
Eurajoki = 53
?areaId=10&subAreaId=53
Forssa = 111
?areaId=4&subAreaId=111
Hämeenkyrö = 82
?areaId=11&subAreaId=82
Hämeenlinna = 98
?areaId=4&subAreaId=98
Hamina = 52
?areaId=5&subAreaId=52
Hankasalmi = 77
?areaId=13&subAreaId=77
Hanko = 126
?areaId=1&subAreaId=126
Hartola = 46
?areaId=3&subAreaId=46
Hausjärvi = 71
?areaId=4&subAreaId=71
Heinola = 44
?areaId=3&subAreaId=44
Helsinki = 39
?areaId=1&subAreaId=39
Hollola = 66
?areaId=3&subAreaId=66
Hyvinkää = 70
?areaId=1&subAreaId=70
Iisalmi = 97
?areaId=14&subAreaId=97
Iitti = 104
?areaId=5&subAreaId=104
Ikaalinen = 69
?areaId=11&subAreaId=69
Ilmajoki = 113
?areaId=8&subAreaId=113
Ilomantsi = 93
?areaId=16&subAreaId=93
Imatra = 34
?areaId=6&subAreaId=34
Järvenpää = 25
?areaId=1&subAreaId=25
Janakkala = 62
?areaId=4&subAreaId=62
Joensuu = 68
?areaId=16&subAreaId=68
Jokioinen = 75
?areaId=4&subAreaId=75
Jyväskylä = 48
?areaId=13&subAreaId=48
Kärkölä = 43
?areaId=3&subAreaId=43
Kaarina = 59
?areaId=12&subAreaId=59
Kajaani = 124
?areaId=17&subAreaId=124
Kangasala = 80
?areaId=11&subAreaId=80
Karkkila = 103
?areaId=1&subAreaId=103
Kauniainen = 60
?areaId=1&subAreaId=60
Kemiönsaari = 73
?areaId=12&subAreaId=73
Kerava = 26
?areaId=1&subAreaId=26
Kirkkonummi = 58
?areaId=1&subAreaId=58
Kiuruvesi = 81
?areaId=14&subAreaId=81
Kokkola = 109
?areaId=7&subAreaId=109
Kotka = 61
?areaId=5&subAreaId=61
Kouvola = 99
?areaId=5&subAreaId=99
Kuhmoinen = 24
?areaId=13&subAreaId=24
Kuopio = 64
?areaId=14&subAreaId=64
Kuortane = 114
?areaId=8&subAreaId=114
Kurikka = 115
?areaId=8&subAreaId=115
Kuusamo = 32
?areaId=18&subAreaId=32
Lahti = 65
?areaId=3&subAreaId=65
Laitila = 85
?areaId=12&subAreaId=85
Lappeenranta = 35
?areaId=6&subAreaId=35
Lapua = 116
?areaId=8&subAreaId=116
Lempäälä = 125
?areaId=11&subAreaId=125
Lieto = 90
?areaId=12&subAreaId=90
Lohja = 76
?areaId=1&subAreaId=76
Loimaa = 117
?areaId=12&subAreaId=117
Loviisa = 83
?areaId=1&subAreaId=83
Luumäki = 128
?areaId=6&subAreaId=128
Mäntsälä = 27
?areaId=1&subAreaId=27
Mänttä-Vilppula = 102
?areaId=11&subAreaId=102
Masku = 37
?areaId=12&subAreaId=37
Mikkeli = 72
?areaId=15&subAreaId=72
Mynämäki = 23
?areaId=12&subAreaId=23
Naantali = 86
?areaId=12&subAreaId=86
Nakkila = 88
?areaId=10&subAreaId=88
Nokia = 127
?areaId=11&subAreaId=127
Nousiainen = 120
?areaId=12&subAreaId=120
Nurmijärvi = 28
?areaId=1&subAreaId=28
Orimattila = 47
?areaId=3&subAreaId=47
Orivesi = 129
?areaId=11&subAreaId=129
Oulu = 31
?areaId=18&subAreaId=31
Padasjoki = 20
?areaId=3&subAreaId=20
Paimio = 119
?areaId=12&subAreaId=119
Parainen = 121
?areaId=12&subAreaId=121
Parikkala = 21
?areaId=6&subAreaId=21
Pirkkala = 79
?areaId=11&subAreaId=79
Pori = 87
?areaId=10&subAreaId=87
Pornainen = 29
?areaId=1&subAreaId=29
Porvoo = 92
?areaId=1&subAreaId=92
Posio = 95
?areaId=19&subAreaId=95
Punkalaidun = 108
?areaId=11&subAreaId=108
Pyhtää = 100
?areaId=5&subAreaId=100
Raahe = 57
?areaId=18&subAreaId=57
Raisio = 36
?areaId=12&subAreaId=36
Rauma = 51
?areaId=10&subAreaId=51
Riihimäki = 56
?areaId=4&subAreaId=56
Rovaniemi = 118
?areaId=19&subAreaId=118
Rusko = 42
?areaId=12&subAreaId=42
Salo = 50
?areaId=12&subAreaId=50
Sastamala = 107
?areaId=11&subAreaId=107
Sauvo = 122
?areaId=12&subAreaId=122
Savonlinna = 130
?areaId=15&subAreaId=130
Seinäjoki = 94
?areaId=8&subAreaId=94
Sipoo = 33
?areaId=1&subAreaId=33
Somero = 84
?areaId=12&subAreaId=84
Suomussalmi = 91
?areaId=17&subAreaId=91
Suonenjoki = 110
?areaId=14&subAreaId=110
Sysmä = 45
?areaId=3&subAreaId=45
Taivalkoski = 96
?areaId=18&subAreaId=96
Tampere = 74
?areaId=11&subAreaId=74
Turku = 63
?areaId=12&subAreaId=63
Tuusula = 30
?areaId=1&subAreaId=30
Ulvila = 89
?areaId=10&subAreaId=89
Uusikaupunki = 22
?areaId=12&subAreaId=22
Vaasa = 106
?areaId=9&subAreaId=106
Vantaa = 41
?areaId=1&subAreaId=41
Varkaus = 101
?areaId=14&subAreaId=101
Vihti = 55
?areaId=1&subAreaId=55
Ylöjärvi = 49
?areaId=11&subAreaId=49
Ylivieska = 40
?areaId=18&subAreaId=40