{"componentChunkName":"component---src-templates-liity-js","path":"/liity/reittiopas/","result":{"data":{"markdownRemark":{"fields":{"slug":"/liity/reittiopas/"},"frontmatter":{"title":"Reittiopas","panels":[{"title":"Reittiopas","body":"Reittiopas on digitaalinen palvelu, joka helpottaa matkustamista ja liikkumista. Se löytää sopivan reitin lähtö- ja määränpääpaikkojen välillä tiettyyn aikaan huomioiden eri kulkumuodot tarvittaessa. Palvelun käyttäjät voivat valita haluamansa kulkumuodon, kävelymatkan pituuden, nopeuden ja vaihtojen määrän.","links":[],"image":{"publicURL":"/static/d918c978b6c76cd667df2a433078141a/municipality.svg"},"id":"kaupunki","textColor":"#000","swapped":true}]},"html":"<h3 id=\"1-domain-nimi\" style=\"position:relative;\"><a href=\"#1-domain-nimi\" aria-label=\"1 domain nimi permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>1. Domain nimi</h3>\n<p>Liikenne Digitransit-palveluun on aina https-salattu. Voit valita vapaasti palvelusi domain-nimen (esim. <a href=\"https://reittiopas.kaupunki.fi\">https://reittiopas.kaupunki.fi</a>), jolloin tarvitsemme TLS-sertifikaatin, joka sinun tulee hankkia. Voit myös käyttää <a href=\"https://kaupunki.digitransit.fi\">https://kaupunki.digitransit.fi</a> -osoitetta, jolloin erillistä sertifikaattia ei tarvita. Kuvaa/toimita:</p>\n<ul>\n<li>Domain Nimi</li>\n<li>TLS sertifikaatti, mikäli haluat oman domain nimen</li>\n</ul>\n<h3 id=\"2-reittidata\" style=\"position:relative;\"><a href=\"#2-reittidata\" aria-label=\"2 reittidata permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>2. Reittidata</h3>\n<p>Digitransit-palvelu integroi reittidatasi GTFS-muodossa. Tiedot on mahdollista myös noutaa Waltti-järjestelmästä. Kuvaa:</p>\n<ul>\n<li>Web palvelun osoite, josta GTFS-paketti on saatavilla</li>\n</ul>\n<p>Varmista, että GTFS-paketin data on kunnossa käyttämällä esimerikiksi Googlen GTFS-validaattoria:</p>\n<ul>\n<li>Lataa GTFS</li>\n<li>Lataa <a href=\"https://github.com/google/transitfeed/releases/latest\">https://github.com/google/transitfeed/releases/latest</a> ja pura</li>\n<li>Mene validaattorin kansioon ja aja <code class=\"language-text\">./feedvalidator.py -m &lt;gtfs.zipin polku></code></li>\n</ul>\n<h3 id=\"3-kulkumuodot\" style=\"position:relative;\"><a href=\"#3-kulkumuodot\" aria-label=\"3 kulkumuodot permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>3. Kulkumuodot</h3>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 291px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/df64bdbeaed114901c6062a9d2084942/78805/kulkumuodot.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 31.615120274914087%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAACXBIWXMAABJ0AAASdAHeZh94AAABOklEQVQY042Qy0sCYRTF519t06Z92xYRuWhRVKsWgUG06qWU4VhBPhYmUZSSmBap00NNnXGa+R7zi2+KoF0HDvdyL+fchxVFEVJKTDQQQqC0QsfUMYmiuP8fWu1Om1w2i22fUSgUSaUOyecvqFyWyRxnqDca8SBj/Cvkr4n+odnJ0kqBFgjfxfM8Ig1SaISQuJ6H1Eb+f1iTUJI477BWcuKCXUqyc7yI648Imrc4e+so9x3ncUBp/4rnuy7DwGcznydXqxKEgsROjZXdOkoprJ4XMnPQYvaohVCwnZ5naXOK3vCVcdmmvbWA6j/RvHvhZOOC++ID/U+P1dwp6ZtrBmOfuWSV6eUKfiCwzG/e3ABjbG5zJ0OG4/f4J9Ib43dbaCmQQjHquYSfAh1pOoMBH5MJRuT0fZz+d/4FPp6+khylbXMAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"kulkumuodot\"\n        title=\"kulkumuodot\"\n        src=\"/static/df64bdbeaed114901c6062a9d2084942/78805/kulkumuodot.png\"\n        srcset=\"/static/df64bdbeaed114901c6062a9d2084942/78805/kulkumuodot.png 291w\"\n        sizes=\"(max-width: 291px) 100vw, 291px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>Määritä reittidatastasi löytyvät kulkumuodot. Valittujen kulkumuotojen perusteella käyttäjä voi rajata liikennetarjontaa. Kuvaa kullekin seuraavista kulkumuodoista onko sille tarvetta:</p>\n<ul>\n<li>Bussi</li>\n<li>Juna</li>\n<li>Metro</li>\n<li>Raitiovaunu</li>\n<li>Lentokone</li>\n<li>Lautta</li>\n<li>Kaupunkipyörä</li>\n</ul>\n<h3 id=\"4-hakualue\" style=\"position:relative;\"><a href=\"#4-hakualue\" aria-label=\"4 hakualue permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>4. Hakualue</h3>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 377px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/519761c164c8b23be80533b1abfa8956/6146e/hakualue.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 144.72843450479235%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,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'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"hakualue\"\n        title=\"hakualue\"\n        src=\"/static/519761c164c8b23be80533b1abfa8956/6146e/hakualue.png\"\n        srcset=\"/static/519761c164c8b23be80533b1abfa8956/80977/hakualue.png 313w,\n/static/519761c164c8b23be80533b1abfa8956/6146e/hakualue.png 377w\"\n        sizes=\"(max-width: 377px) 100vw, 377px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>Määritä kartalta rajat osoitehaulle. Digitransit-palveluun konfiguroidaan suorakaiteen muotoinen alue, jonka sisältä käyttäjän syöttämiä osoitteita etsitään. Kuvaa:</p>\n<ul>\n<li>Piste vasemmaksi yläreunaksi WGS84 koordinaatteina</li>\n<li>Piste oikeaksi alareunaksi WGS84 koordinaatteina</li>\n</ul>\n<p>Voit myös määrittää hakualueen monikulmiona. Jotta haussa siirretty tietomäärä pysyisi kompaktina,\nsuositeltu monikulmion pistemäärä on alle 50 pistettä, ja koordinaattien tarkkuus enintään 5 desimaalia.</p>\n<h3 id=\"5-oletuspaikat\" style=\"position:relative;\"><a href=\"#5-oletuspaikat\" aria-label=\"5 oletuspaikat permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>5. Oletuspaikat</h3>\n<p>Digitransit-käyttöliittymä yrittää aina paikantaa käyttäjän. Mikäli paikannus ei onnistu, valitaan joissain näkymissä viitepaikaksi määrittelemäsi piste. Kuvaa:</p>\n<ul>\n<li>Oletuspaikan koordinaatit (WGS84) ja kyseisen paikan nimi. Esimerkki: \"Kauppatori, Lahti, 60.983595, 25.656391\".</li>\n</ul>\n<h3 id=\"6-teemoitus\" style=\"position:relative;\"><a href=\"#6-teemoitus\" aria-label=\"6 teemoitus permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>6. Teemoitus</h3>\n<p>Digitransit-käyttöliittymä on muokattavissa logon ja värimaailman osalta. Kuvaa/lähetä:</p>\n<ul>\n<li>Haluamasi teemaväri, jota käytetään esimerkiksi etusivun otsikkopalkissa, ja muut väreihin liittyvät teemoitustoiveet. Voit myös lähettää linkin tyylioppaaseesi\ntai web-osoitteeseen, josta värimaailma tulisi kopioida.</li>\n<li>Organisaatiosi logo, joka sijoitetaan otsikkopalkin vasempaan reunaan. Logon taustavärin tulee siis sopia valittuun teemaväriin, tai sitten taustavärin tulee\nolla läpinäkyvä (esim. png-kuva läpinäkyvyyskanavalla). Koska tila on rajattu korkeussuunnassa noin 60 kuvapisteeseen, mahdollisten tekstielementtien kirjasinkokoa\ntulee harkita huolella, jotta teksti säilyy luettavana. Tarvittaessa lähetä kuvalogo ilman tekstiä. Logon sijasta voit myös määritellä pelkän otsikkotekstin.</li>\n<li>Logosta kannattaa toimittaa myös toinen versio, joka soveltuu käytettäväksi upotettavassa hakuelementissä (esimerkki: <a href=\"https://reittiopas.hsl.fi/haku\">https://reittiopas.hsl.fi/haku</a>). Tämä logo\ntulostetaan valkoiselle taustalle ja tilaa on käytettävissä vielä vähemmän kuin yläpalkissa, joten pieniä yksityiskohtia kuten tekstiä kannattaa välttää.</li>\n<li>Favicon-kuva, jota käytetään suosikkilinkeissä, selaimen välilehdissä jne. Tämä logoversio näytetään usein hyvin pienessä koossa, joten sen pitää olla selkeä.\nHuomaa, että favicon näkyy selaimen eikä reittioppaan kontekstissa, joten vaalea logo läpinäkyvällä taustavärillä ei käy. Tarvittaessa vaihda läpinäkyvä tausta\nriittävän kontrastin antavaan väriin. Mikäli näiden ohjeiden valossa otsikkologo sisältää sopivan favicon-osan, erillistä favicon-kuvaa ei tarvitse lähettää.</li>\n<li>Sivustojen nimi, jota käytetään mm. selainten suosikkilinkeissä. Esimerkiksi \"X-Kaupungin Reittiopas\".</li>\n</ul>\n<p><strong>Huom! Värimaailma, logo ja tekstit toteutetaan niiltä osin kuin se on mahdollista. Tämä voi tarkoittaa, ettei toiveitasi pystytä kaikilta osin täyttämään.</strong></p>\n<h3 id=\"7-linkit\" style=\"position:relative;\"><a href=\"#7-linkit\" aria-label=\"7 linkit permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>7. Linkit</h3>\n<p>Kuvaa seuraavat linkit:</p>\n<ul>\n<li>Etusivun yläpalkin linkki vaikkapa kaupungin tai kaupungin liikennelaitoksen sivuille. Esimerkki: Hämeenlinna, <a href=\"http://www.hameenlinna.fi/joukkoliikenne/\">http://www.hameenlinna.fi/joukkoliikenne/</a>.</li>\n<li>\"Anna palautetta\" -linkin kohdesivu. Mikäli palautesivun osoitetta ei määritellä, linkkiä ei näytetä eikä palautteita kerätä.</li>\n</ul>\n<h3 id=\"8-tietoja-palvelusta\" style=\"position:relative;\"><a href=\"#8-tietoja-palvelusta\" aria-label=\"8 tietoja palvelusta permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>8. Tietoja palvelusta</h3>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 430px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/c06bc3e2130d51746a96d9ae2cee7d6f/05ed2/tietoja-palvelusta.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 175.7188498402556%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAjCAYAAACU9ioYAAAACXBIWXMAABJ0AAASdAHeZh94AAAEtUlEQVRIx51WS4scVRSurSt/gX9AQTeCuAhCEmMIAcGd4FYJqOAjPpiQDKMx6lZFQRDJW8GNiis3o6jz6J5kRpKZ7sl0d1XdVz363T3V09WPT86pru6eGeNMvPBxblXde+qce77zVVmvfl7Am18V8fxsDqfP53DqXA4nZzZw/L11HHv3YBx9Zx2nzm3g5EwOX/94D9aLlzZx6XoRz5zN4cjbI7yVw8Mv3IZ1PAPruSysE/cBPTuawSMvreHpN/I4+1kW1pc/e/jipxBz1zQ+uKZx8YbBRzcNPryuMXdNHRoz3yr88GsOFvodYNgFMEQyegD6U9eHH76RsMrlMjLZFfz2+x9YWlrGn38tYoHtAiq1Bi8cDIDBcMruQa8/xHAIuK6AFccxBoMByMZxl+f9fp/R6/UQ93rodrsMvo5jnsdxb2RjDIdJNkIIWK1mC1JJuK4LLQWkUijZNmzb5ntCShhPw7FtKKUhXIfvh2HIc7LpYIftdhtaKxhj4Hs+ymEIzzMIg8RqraGUQhAECAKfXxgEIQaDyRlTVrscchRawfN9SKkQ+AE8Y+B5HiqVMoRw2RFdG89AClpvODNaT+mPHdbrdZ5IKdkKoTgVSo+icoWLUrHIUZLjIAw5aq00v8C2SzDGmzrDVotTpkXVag2Kz1NwlIHv84ZypQzf9yEcB8bz2ZGSCs1Wi+m1K+V6ow7HcfjtdI5KawghOWKtFKfU7SZMSKtMthfHzAQau6pMpe90dhB1Omx3dvYj3fBvg57tclipd7G6GSGb38a60zlw4/0wqfJ2hGq9hUZzG612hE6nw1FFnWhkO5zmQU7HDoke8/PzWMks4++1VaytriKTyeDW7VvIZrNYXFzCva3CoXqZHY4PmTFpudRO2jIpTNpu6R6aUyb0zE14WINtOxCuyxWlClNrcSsqzXTRSkJpgzAsM52Ik77x4Ac+tFRQUjI/HceF1Ww0EqJqDc94TCHiJdGHWkwKlx3Q9fb29sEp/xclHqTaY4e1ahWO66BYKGBrawu24/A5pU2fbhgcmjatFsvVxvo68vlN5PJ59EYd8CARjx2mvEsrSCAFajQaiKIIzWYT1O/NZovn6b1arcac3dd6VOVSqcTy5LoOnJHykEgY6msS2VFvp7ZUKqJQKLAIk6LvKgq9nTZrnehfWC6zLvqkfVrDkDWJlBGFSGXoO0QR+r6HKOrsV+wwCFj/PM9HtVrljb6XKE9YDkeOJDslClUqlbHS7KMNRUhVdlyXialGQuv5ieYlqbp8HCS2QgrmKkldqkZpr08E1mgI2ixk4oSiNSOpNx7rIkVJ3cARBz5HyXopJGq1+rTDJrT2+I3aeAjCCls/KHOhlDKo1hr83d37XR6OfgfS7xU77D8A5w4a/KHf6fawVoywlGsjk0+wnNpcm+9PI302xmYbCxstyLDHImL9slRN/rIIz2Ym8xMZPHHmLh59+Q4ee+UOHj9zF0+9to6HTq/AOrY8WXsiA+vIIp58fQNbRReWCCJcvKFx/rLE7BWJC1P4+DuNT75P8OkIc1cVLlyerJm9KvH+NwI356uQUsD6P39Z9xtEMcsPAtiOgO1K2M5uOO5+7F0zvbZYLOIfIKD7Eelt5sIAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"tietoja palvelusta\"\n        title=\"tietoja palvelusta\"\n        src=\"/static/c06bc3e2130d51746a96d9ae2cee7d6f/05ed2/tietoja-palvelusta.png\"\n        srcset=\"/static/c06bc3e2130d51746a96d9ae2cee7d6f/80977/tietoja-palvelusta.png 313w,\n/static/c06bc3e2130d51746a96d9ae2cee7d6f/05ed2/tietoja-palvelusta.png 430w\"\n        sizes=\"(max-width: 430px) 100vw, 430px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>Kuvaa Tietoja palvelusta sivun tiedot:</p>\n<ul>\n<li>Kuvaus suomeksi</li>\n<li>Kuvaus ruotsiksi</li>\n<li>Kuvaus englanniksi</li>\n</ul>\n<p>Esimerkin vuoksi, HSL:n tietoja palvelusta:</p>\n<p>Tervetuloa Reittioppaaseen! Reittiopas kertoo, miten pääset nopeasti ja helposti perille joukkoliikenteellä Helsingissä, Espoossa, Vantaalla, Kauniaisissa,\nKeravalla, Kirkkonummella ja Sipoossa. Reittiopas etsii nopeat reitit myös kävelyyn ja pyöräilyyn sekä rajatusti myös yksityisautoiluun.\nReittiopas-palvelun tarjoaa HSL Helsingin seudun liikenne, ja se perustuu Digitransit-palvelualustaan.</p>\n<p>Digitransit-palvelualusta on HSL:n ja Fintrafficin kehittämä avoimen lähdekoodin reititystuote.</p>\n<p>Kartat, tiedot kaduista, rakennuksista, pysäkkien sijainnista ynnä muusta tarjoaa © OpenStreetMap contributors. Osoitetiedot tuodaan\nDigi- ja väestötietoviraston rakennustietorekisteristä. Joukkoliikenteen reitit ja aikataulut perustuvat HSL:n JORE-aineistoon.</p>\n<h3 id=\"9-sosiaalinen-media\" style=\"position:relative;\"><a href=\"#9-sosiaalinen-media\" aria-label=\"9 sosiaalinen media permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>9. Sosiaalinen media</h3>\n<p>Sosiaalisen median jakoja varten ilmoita:</p>\n<ul>\n<li>Twitter tili</li>\n</ul>\n<h3 id=\"10-kartta--ja-osoiteaineistot\" style=\"position:relative;\"><a href=\"#10-kartta--ja-osoiteaineistot\" aria-label=\"10 kartta  ja osoiteaineistot permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>10. Kartta- ja osoiteaineistot</h3>\n<p>Digitransit kartta-aineistona on OpenStreetMap. Reitityksen katuverkko, taustakartta ja osoitehaun POI-kohteet (Point of Interest) ladataan OpenStreetMapista automaattisesti.\nPalvelun toiminta kuntasi alueella on riippuvainen OpenStreetMap-datan laadusta.</p>\n<p>Suosittelemme kartta-aineiston suhteen seuraavaa:</p>\n<ol>\n<li>Avaa ensin Digitransit-palvelu</li>\n<li>Kokeile miten se toimii alueellasi</li>\n<li>Täydennä OpenStreetMap-tietoja tarvittavilta osin</li>\n</ol>\n<p>OpenStreetMap-ohjeet: <a href=\"http://wiki.openstreetmap.org/wiki/Beginners%27_guide\">http://wiki.openstreetmap.org/wiki/Beginners%27_guide</a></p>\n<p>Digitransit löytää kohteita seuraavista luokista:</p>\n<ul>\n<li>addr:housenumber AND addr:street</li>\n<li>aerialway</li>\n<li>aeroway</li>\n<li>amenity</li>\n<li>building</li>\n<li>craft</li>\n<li>cuisine</li>\n<li>highway</li>\n<li>historic</li>\n<li>landuse</li>\n<li>leisure</li>\n<li>man_made</li>\n<li>military</li>\n<li>natural</li>\n<li>office</li>\n<li>public_transport</li>\n<li>railway</li>\n<li>shop</li>\n<li>sport</li>\n<li>tourism</li>\n<li>waterway</li>\n</ul>\n<p>Mikäli lisäät kohteita OpenStreetMapiin, muista lisätä myös ruotsinkielinen selite:</p>\n<div class=\"gatsby-highlight\" data-language=\"json\"><pre class=\"language-json\"><code class=\"language-json\">  <span class=\"token punctuation\">{</span>\n      <span class=\"token property\">\"id\"</span><span class=\"token operator\">:</span><span class=\"token number\">26430225</span><span class=\"token punctuation\">,</span>\n      <span class=\"token property\">\"type\"</span><span class=\"token operator\">:</span><span class=\"token string\">\"node\"</span><span class=\"token punctuation\">,</span>\n      <span class=\"token property\">\"lat\"</span><span class=\"token operator\">:</span><span class=\"token number\">60.2070123</span><span class=\"token punctuation\">,</span> <span class=\"token property\">\"lon\"</span><span class=\"token operator\">:</span><span class=\"token number\">24.7022998</span><span class=\"token punctuation\">,</span>\n      <span class=\"token property\">\"tags\"</span><span class=\"token operator\">:</span><span class=\"token punctuation\">{</span>\n          <span class=\"token property\">\"name\"</span><span class=\"token operator\">:</span><span class=\"token string\">\"Koivuhovi\"</span><span class=\"token punctuation\">,</span>\n          <span class=\"token property\">\"name:sv\"</span><span class=\"token operator\">:</span><span class=\"token string\">\"Björkgård\"</span><span class=\"token punctuation\">,</span>\n          <span class=\"token property\">\"railway\"</span><span class=\"token operator\">:</span><span class=\"token string\">\"station\"</span>\n      <span class=\"token punctuation\">}</span>\n  <span class=\"token punctuation\">}</span></code></pre></div>\n<p>Osoitehaussa käytetään OpenStreetMapin lisäksi Digi- ja väestötietoviraston rakennustietokantaa, joka sisältää rakennusten osoitteet koko suomessa,\nsekä maanmittauslaitoksen paikkatietoja.</p>\n<p><strong>Huom! Digitransit-palvelu ei ylläpidä OpenStreetMapin tietoja, vastuu tästä on yhteisöllä.</strong></p>\n<h3 id=\"11-reaaliaikarajapinta\" style=\"position:relative;\"><a href=\"#11-reaaliaikarajapinta\" aria-label=\"11 reaaliaikarajapinta permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>11. Reaaliaikarajapinta</h3>\n<p>Digitransit-alusta tukee GTFS-RT spesifikaation mukaisia reaaliaikaisia tietoja, kuten pysäkkiennusteita (trip updates), paikkatietoja (vehicle positions), poikkeustiedotteita (alerts) ja matkustajakapasiteettitietoa (paikkatiedoista). Mikäli rajapinta tarjoaa ajoneuvojen sijaintitietoja, ne voidaan esittää kartalla integroimalla GTFS-RT reaaliaikatiedot paikkatietoa tarjoavaan mqtt-palvelimeen.</p>\n<p>Matkustajakapasiteettitietoa hyödynnetään tällä hetkellä paikkatiedoista, mutta suosittelemme, että matkustajakapasiteettitieto lisätään pysäkkiennusteisiin, johon voimme lisätä tuen.</p>\n<p>Määrittele:</p>\n<ul>\n<li>\n<p><strong>GTFS-RT reaaliaikarajapinnan osoite</strong> (tai osoitteet) ja minkä tyyppistä dataa halutaan esittää (esim. pelkkä paikkatieto).</p>\n<p>Paikkatietodatan ei tule sisältää /-merkkejä teknisistä syistä. Mqtt-sovelluksessa /-merkki erottelee datan aihepiirejä, joten kyseisen merkin käyttö voi kokonaan estää datan käsittelyn. Erikoismerkkeihin kuuluvat myös + ja # merkit, jotka poistetaan datasta. <a href=\"https://docs.oasis-open.org/mqtt/mqtt/v5.0/os/mqtt-v5.0-os.html#_Toc3901243\">Ks. mqtt-spesifikaatio</a></p>\n<p>Paikkatietodatassa vaaditaan vähintään seuraavat tiedot:</p>\n<ul>\n<li>trip.route_id (Reittioppaan vaatimus tietojen yhdistämistä ja esittämistä varten.)</li>\n<li>trip.start_time (Reittioppaan vaatimus ajoneuvojen oikea-aikaisen näyttämisen varmistamiseksi.)</li>\n<li>trip.trip_id tai kaikki seuraavat: trip.route_id, trip.direction_id, trip.start_time, trip.start_date <a href=\"https://gtfs.org/documentation/realtime/reference/#message-tripdescriptor\">Ks. Trip-spesifikaatio.</a></li>\n<li>position.latitude, position.longitude <a href=\"https://gtfs.org/documentation/realtime/reference/#message-position\">Ks. Position-spesifikaatio.</a></li>\n</ul>\n<p>Suositeltavat lisätiedot:</p>\n<ul>\n<li>vehicle.label kenttään voi asettaa vastaavan arvo kuin GTFS-datan trip_headsign kentässä. Tällä voidaan tarvittaessa erotella ajoneuvoja, joilla on eri määränpää.</li>\n</ul>\n</li>\n<li>\n<p><strong>Vastaavan staattisen GTFS-datan osoite</strong> (mikäli ei sisälly jo aiemmin toimitettuun GTFS-dataan).</p>\n<p>Paikkatietodatassa käytettyjen route_id-arvojen tulee vastata staattisen GTFS-datan route_id-arvoja.</p>\n<p>Ajoneuvojen käyttäjäystävällistä esittämistä varten tarvitaan routes.txt-tiedostoon route_short_name. <a href=\"https://gtfs.org/documentation/schedule/reference/#routestxt\">Ks. routes.txt-spesifikaatio.</a></p>\n</li>\n</ul>\n<p>Huomioitavaa:</p>\n<ul>\n<li>Data otetaan mieluiten vastaan ilman salasanasuojauksia.</li>\n<li>GTFS-RT paikkatietodata vaatii aina myös vastaavan staattisen GTFS-datan. Tämä johtuu siitä, että reittiopas esittää reittejä staattisen datan perusteella ja sen yhteydessä vastaavien reittien ajoneuvojen sijainteja. GTFS-RT-datan tietoja myös rikastetaan staattisesta GTFS-datasta löytyvillä tiedoilla käyttöliittymällä esittämistä varten. (Esim. reitin nimi/route_short_name, väri/route_color, reitin tyyppi/route_type)</li>\n<li>Ajoneuvot esitetään kartalla yleensä ajoneuvon nimellä (route_short_name), joka on useimmiten lyhyt numero/kirjainkoodi, joka on tuttu myös kyseisen liikennevälineen käyttäjille. Mikäli tietoa ei saada staattisesta GTFS-datasta, tai se on liian pitkä (yli 5 merkkiä), käytetään esityksessä route_id-kentän arvoa. Mikäli tieto on edelleen liian pitkä, näytetään ajoneuvo kysymysmerkillä varustettuna.</li>\n</ul>\n<h3 id=\"12-lippuvyöhykkeet\" style=\"position:relative;\"><a href=\"#12-lippuvy%C3%B6hykkeet\" aria-label=\"12 lippuvyöhykkeet permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>12. Lippuvyöhykkeet</h3>\n<p>Reittiopas tukee matkalipputietojen esittämistä käyttäjälle monella tavoin. Reittiehdotuksissa voidaan kertoa tarvittavan lipun tyyppi ja oletushinta,\nmikäli GTFS-data sisältää tarvittavat hintasäännöt. Ehdotukset myös näyttävät lippuvyöhykkeen vaihtumisen pitkin matkaketjua. Taustakartalle voidaan piirtää\nvyöhykkeiden aluerajat. Kun käyttäjä napauttaa karttaa, osoitetun paikan lippuvyöhyke on myös mahdollista kertoa avatulla ponnahdusikkunalla.</p>\n<p>GTFS-datan fare rules ja fare attributes -spesifikaatiot löytyvät osoitteesta <a href=\"https://gtfs.org/reference/static\">gtfs.org/reference/static</a>.\nJos datasta löytyy tarvittavat fare tiedot, niitä voi konfiguroida reittioppaaseen vastaamalla seuraaviin kysymyksiin:</p>\n<ul>\n<li>Näytetäänkö lippuvyöhykkeet reittiehdotuksissa (kohta 1. kuvassa alla)</li>\n<li>Näytetäänkö tarvittavat liput reittiehdotuksissa (2)</li>\n<li>Näytetäänkö lipun oletushinta reittiehdotuksissa (3)</li>\n<li>Onko olemassa Internet-osoite ohjesivuun, josta löytyy tietoa lippujen hinnoista ja ostamisesta (4)</li>\n<li>Miten GTFS fare -tiedoissa määritellyt lipputyypit esitetään käyttäjälle? Tekninen tunnus voi olla tarpeen muuttaa ihmisten tuntemaan muotoon.</li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 395px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/483e6d7904df027f54d22d199a5f6cde/2cb6c/liput.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 139.61661341853036%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAACXBIWXMAABJ0AAASdAHeZh94AAAD8klEQVRIx41V227bRhDln/YX+gVF3/vaj+hL0RZ9aPOQpECBNHbUxoqsmtaFimyKkkjtksvLknshTzErUZZlG80Cg+Vldjgz55yh98/iN4wmAwTBElf+e4z9EYJFgFc/v4M/vEWWLnH9+QKTaADO12BsA852+BCu8ccyxSbewvdvMf73Boyn8FgeoW4klNLQykAphaZRSHcFtJJolETMI2RZhrpRkHWDuq4hqhqsbCBK8lOwWkNKCQ8d0Lats+dWnhfo2g7W2hd9KtuCawt0HTxyPHXuuu5o9IwxBmOMM/Lrl3vfdS6INBaZNuis3Qekl1prVwodPA3aH6ZFpdVSOt++KrKOkuk6d9aL4wS+7yMK7zG8+oQk2TkH6qW1+57Sms/nWEcRhh8/It7xRx/qDlnbtoVXliU4ZxAiA2MceS6Qcu4CCyEQxzGU1uCMIc9zxPEWlRAPpVOG1Iq2hdEaXt+7vo+uhBdK7peeB9BKozEGijE0my2aOIYm2pAzfX02m2G1WiEM7xGGIe7u7xFF64fghw9TRZPbCfwbH7eTCdI0xXq7xZ1ULimPGvl/q+vaxyCcVNCjTc8dKHQhK4ntJkFaJVgVPoq8xHqzRpwkSJLEofoIhNOWHHZ14OohYIVtFGOVBvgr/BEs5hiNPmG5vHOgnAd8yHy/R7XCe144YLxTstJStUZT12BsB2PsA4mfKbkndmUsSrMXyDHg3qF1enycRffk/jR4eyA1sdEclXKgppQ1gmDuWrCKIqRZBs44eMqRxDF4muEUxP5TcaPxIS2flmyMBk+Zy8LJ0FqnFNXsJ0xdN+il+sDTzumYgrY9KEo3EDJFLRtku8IdzoRwSqlIu7Y9onBeru1L7rVM12mRINjeIAoTDN7MsdmscHk5wHQ6RbTeoFD6EV3O+7uuFS6eQ7nKG1y+nrprGqxfugpjsVPGqekQsAPKHEUmMXg7g1YWi5stxoMlJsMQuSgd+lVFVjmje5rsZEYptFo7vnoUlSbuKGbIU4mrPxdYLkJ8/+0v+OarH/Dd1z9hPJxiPp9hPp1jOpk6LS8+37lpTibIRIGmaeBR3am2+DXOICjDNzPYtkEpBGohIYU8Iks7kd24fT8ryWhs2T7D0x4Wosbg9RTUvWVRY1ZK3FcSRVk6xHsJvvRP6c5BKUWNv9/O0ABYiAqLXGJVSJRV5QawOkO7R7m2LQQF7JXi9IkOgld497u/P0TZWIPOaFfeKe+e5aEThoFHF7s4wSIIsFlxzIZrhPd3uPgwwPV4jOvRyP3IafLkSh8HwmmGTGmMRPWUh+QgD381moPng+HJ4D3sxMGgap4GpBKIYz2iX2pwv4e99P4D37p2Tm52GtIAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"liput\"\n        title=\"liput\"\n        src=\"/static/483e6d7904df027f54d22d199a5f6cde/2cb6c/liput.png\"\n        srcset=\"/static/483e6d7904df027f54d22d199a5f6cde/80977/liput.png 313w,\n/static/483e6d7904df027f54d22d199a5f6cde/2cb6c/liput.png 395w\"\n        sizes=\"(max-width: 395px) 100vw, 395px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>Reittiehdotusten lisäksi lippuvyöhyketietoa voidaan esittää kartalla. Sitä varten tarvitaan geoJSON-muotoista dataa WGS84-koordinaatistossa.\nOn suositeltavaa käyttää mahdollisimman pientä pistemäärää (alle 1000 pistettä) ja desimaalitarkkuutta (5 desimaalia), jotta palvelu pysyy kevyenä ja nopeana.\nParas tulos saadaan, kun käytössä on kaksi hiukan erilaista dataversiota:</p>\n<ol>\n<li>Aluetarkistusdata. Siinä lippuyöhykkeet on kuvattu suljettuina polygon tai multipolygon kohteina, yksi feature per lippuvyöhyke.\nKukin feature sisältää properties tiedoissa ominaisuuden 'Zone', jonka arvo on vyöhykkeen tunnus, esimerkiksi 'A'.</li>\n</ol>\n<p>Esimerkkejä lippuvyöhykkeiden aluedatasta: <a href=\"https://github.com/HSLdevcom/pelias-api/tree/master/middleware/config\">https://github.com/HSLdevcom/pelias-api/tree/master/middleware/config</a></p>\n<ol start=\"2\">\n<li>Vyöhykkeiden visualisointi kartalle. Lippuvyöhykkeiden rajaviivat kuvataan linestring/multilinestring geometrioina ilman kaksinkertaista piirtoa alueiden välille.\nVyöhykkeille määritellään vakioitu piirtotyyli: Esimerkki:</li>\n</ol>\n<div class=\"gatsby-highlight\" data-language=\"json\"><pre class=\"language-json\"><code class=\"language-json\">    <span class=\"token punctuation\">{</span>\n      <span class=\"token property\">\"type\"</span> <span class=\"token operator\">:</span> <span class=\"token string\">\"FeatureCollection\"</span><span class=\"token punctuation\">,</span>\n       <span class=\"token property\">\"name\"</span> <span class=\"token operator\">:</span> <span class=\"token string\">\"Vyöhykkeet\"</span><span class=\"token punctuation\">,</span>\n       <span class=\"token property\">\"features\"</span> <span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span><span class=\"token punctuation\">{</span>\n            <span class=\"token property\">\"type\"</span> <span class=\"token operator\">:</span> <span class=\"token string\">\"Feature\"</span><span class=\"token punctuation\">,</span>\n            <span class=\"token property\">\"styles\"</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span>\n              <span class=\"token punctuation\">{</span> <span class=\"token property\">\"color\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"#666\"</span><span class=\"token punctuation\">,</span> <span class=\"token property\">\"weight\"</span><span class=\"token operator\">:</span> <span class=\"token number\">2</span><span class=\"token punctuation\">,</span> <span class=\"token property\">\"opacity\"</span><span class=\"token operator\">:</span> <span class=\"token number\">1</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n              <span class=\"token punctuation\">{</span> <span class=\"token property\">\"color\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"#333\"</span><span class=\"token punctuation\">,</span> <span class=\"token property\">\"weight\"</span><span class=\"token operator\">:</span> <span class=\"token number\">12</span><span class=\"token punctuation\">,</span> <span class=\"token property\">\"opacity\"</span><span class=\"token operator\">:</span> <span class=\"token number\">0.2</span> <span class=\"token punctuation\">}</span>\n            <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n           <span class=\"token property\">\"geometry\"</span> <span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n             <span class=\"token property\">\"type\"</span> <span class=\"token operator\">:</span> <span class=\"token string\">\"MultiLineString\"</span><span class=\"token punctuation\">,</span>\n             <span class=\"token property\">\"coordinates\"</span> <span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span>\n                <span class=\"token punctuation\">[</span> <span class=\"token punctuation\">[</span> <span class=\"token number\">21.80091</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.09565</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span><span class=\"token punctuation\">[</span> <span class=\"token number\">21.80074</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.1031</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span> <span class=\"token number\">21.8004</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.10618</span> <span class=\"token punctuation\">]</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n                <span class=\"token punctuation\">[</span> <span class=\"token punctuation\">[</span> <span class=\"token number\">21.81437</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.11153</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span><span class=\"token punctuation\">[</span> <span class=\"token number\">21.66672</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.13274</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span> <span class=\"token number\">21.66158</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.1356</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span> <span class=\"token number\">21.66272</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.13675</span> <span class=\"token punctuation\">]</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n                <span class=\"token punctuation\">[</span> <span class=\"token punctuation\">[</span> <span class=\"token number\">21.66158</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.1356</span> <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span> <span class=\"token number\">21.66272</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.13675</span> <span class=\"token punctuation\">]</span> <span class=\"token punctuation\">]</span>\n             <span class=\"token punctuation\">]</span>\n\t   <span class=\"token punctuation\">}</span>\n        <span class=\"token punctuation\">}</span><span class=\"token punctuation\">]</span>\n    <span class=\"token punctuation\">}</span></code></pre></div>\n<p>Lisäksi tiedoston pitäisi sisältää kullekin vyöhykkeelle point tai multipoint feature, joissa määritellään vyöhyketunnusten paikat ja symbolien svg grafiikka kartalla. Esimerkki:</p>\n<div class=\"gatsby-highlight\" data-language=\"json\"><pre class=\"language-json\"><code class=\"language-json\">   <span class=\"token punctuation\">{</span>\n      <span class=\"token property\">\"type\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Feature\"</span><span class=\"token punctuation\">,</span>\n      <span class=\"token property\">\"properties\"</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n         <span class=\"token property\">\"id\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"icon-zone-f\"</span><span class=\"token punctuation\">,</span>\n         <span class=\"token property\">\"svg\"</span><span class=\"token operator\">:</span> \"&lt;svg xmlns='http<span class=\"token operator\">:</span><span class=\"token comment\">//www.w3.org/2000/svg' viewBox='0 0 36 36'></span>\n                   &lt;path d='M36 18A18 <span class=\"token number\">18</span> <span class=\"token number\">0</span> <span class=\"token number\">1118</span> 0a18 <span class=\"token number\">18</span> <span class=\"token number\">0</span> <span class=\"token number\">0118</span> <span class=\"token number\">18</span>' fill='#0ab1c8' fill-rule='evenodd'/>\n                   &lt;path d='M23.<span class=\"token number\">21</span> 19h<span class=\"token number\">-6</span>.75v7H13V9h11.06v2.8h<span class=\"token number\">-7</span>.6v4.4h6.75z' fill='#fff'/>\n                 &lt;/svg>\"\n        <span class=\"token punctuation\">}</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n      <span class=\"token property\">\"geometry\"</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n        <span class=\"token property\">\"type\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"MultiPoint\"</span><span class=\"token punctuation\">,</span>\n        <span class=\"token property\">\"coordinates\"</span><span class=\"token operator\">:</span>  <span class=\"token punctuation\">[</span>\n          <span class=\"token punctuation\">[</span><span class=\"token number\">26.8068</span><span class=\"token punctuation\">,</span> <span class=\"token number\">63.2194</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">[</span><span class=\"token number\">26.4574</span><span class=\"token punctuation\">,</span><span class=\"token number\">62.97</span><span class=\"token punctuation\">]</span>\n        <span class=\"token punctuation\">]</span>\n      <span class=\"token punctuation\">}</span>\n    <span class=\"token punctuation\">}</span></code></pre></div>\n<p>Yllä on F-vyöhykkeelle määritelty 2 tunnusta vyöhykkeen eri osiin. Vakio svg symbolit A, B ... I voi kopioida\n<a href=\"https://raw.githubusercontent.com/HSLdevcom/digitransit-ui/v3/static/assets/geojson/hml_zone_lines_20230214.geojson\">vyöhykedatan esimerkkitiedostosta</a>\nja vaihtaa svg määrittelyhin oman reittioppaan teemavärin. Mikäli tarvitaan jokin muu symboli, sen voi tuottaa itse annetun mallin mukaisesti Roboto-fontilla,\ntai vaihtoehtoisesti pyytää digitransit-kehitystiimiä lisäämään halutut svg elementit.</p>\n<h3 id=\"13-näin-saat-päästötietosi-mukaan-reititykseen\" style=\"position:relative;\"><a href=\"#13-n%C3%A4in-saat-p%C3%A4%C3%A4st%C3%B6tietosi-mukaan-reititykseen\" aria-label=\"13 näin saat päästötietosi mukaan reititykseen permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>13. Näin saat päästötietosi mukaan reititykseen</h3>\n<p>Reittioppaaseen saa mukaan reittiehdotusten CO₂-päästölukemat pyytämällä päästöjen näyttämisen päällekytkennän ja toimittamalla reittien keskimääräiset CO₂-päästöarvot emissions.txt-tiedostossa osana GTFS-pakettia. Tiedosto ei ole GTFS-standardin mukainen vaan sen tulee seurata tässä annettuja ohjeita. Seuraavien sarakkeiden tulisi sisältyä emissions.txt-tiedostoon:</p>\n<ul>\n<li><strong>route_id</strong>: reitin id (sama kuin routes.txt-tiedostossa)</li>\n<li><strong>avg_co2_per_vehicle_per_km</strong>: Reittiä liikennöivän ajoneuvon keskimääräiset hiilidioksidipäästöt grammoina per kilometri kokonais- tai desimaalilukuna.</li>\n<li><strong>avg_passenger_count</strong>: Reittiä liikennöivän ajoneuvon keskimääräinen matkustajamäärä kokonais- tai desimaalilukuna.</li>\n</ul>\n<p>Esimerkki emissions.txt:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">    route_id,avg_co2_per_vehicle_per_km,avg_passenger_count\n    1001,123,20\n    1002,123.4,20.0\n    1003,0,0</code></pre></div>\n<h3 id=\"14-kohteiden-näyttäminen-reittioppaan-kartalla\" style=\"position:relative;\"><a href=\"#14-kohteiden-n%C3%A4ytt%C3%A4minen-reittioppaan-kartalla\" aria-label=\"14 kohteiden näyttäminen reittioppaan kartalla permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>14. Kohteiden näyttäminen reittioppaan kartalla</h3>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 700px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/de757d0461f35289883731b37da5c139/8c557/karttataso.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 71.24600638977635%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAABJ0AAASdAHeZh94AAACeklEQVQ4y32Ty44bRRSG/RIsuTwvuzwDYgwsuQkJiQ27KKM4BMaTjD2+jNtd1XW/dbcntj/UHWZISERJRzqb+ur/6z9nUl98yv+VmH6OmH5BPf2M/VefEJY/0d1D1xXO5zMP53w+cT72TMx8ir6aYq4uGHo71jfoqwvs/Fs2L56wnH2JnX+HnX+Nrubsa4nW6h3Y+W0BE5dPxA6UP/DQ++4NoYXcw9YIFs2C2IPJB7rDcYQcDge6rvsX9k9NpBBYa/HeE0Ig+Ii0G4RZoa0kxUQMgVq+ppYvyMnQdh3GGFJKHwKVESgr8cmhrSIlTyyWxlVo1xCzQ3nDbLPGR4NPmtIWvA+jyvcsD0AdarQXCF2hbM1CNdw2O2p7Q8iOVDIhRGxIuBDx0ZNyGu1+7ExCjHifkY0ihYAynk0lcMESYkCKOUJLvAs4H0cHOUeU0qPtGONj2qPClAvOKqx1LGvFnzuBbTb4mMcLm3rFWlbEVPBWEL0cLVtjub+/f7T6qFDWN1h1Ry4JEQ+82gu02FLKgeGxkBXBCawPFO8owdL1PTll+r7/8A+lXpBS5q5ZcV39zq18yp1eshDPWTd/YWxD8ENoLclo2iH5kkfLOeePAN2evVmxFtdcV0+5Ec94ufuNy80PXG6+pzY7ckr4YEnG0DpN23fjOP1X4WjZBstGvqJxguALzgd8iNzUz0bgQs7wVmONQpphEtaU0mLM29k9nU6P0BFYq4pGb0le4XxC2C1D8jt1y+X2R55vf0baPSX1VHqFsEvaUmiUGkM7Ho/vA82wJc6g7Q4fI5W5xXjDUs6Y3f3CH7tfR/XZG2r1GuG2o8Jhux5m8d2U/wbokBgOPsZW/QAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"karttataso\"\n        title=\"karttataso\"\n        src=\"/static/de757d0461f35289883731b37da5c139/8c557/karttataso.png\"\n        srcset=\"/static/de757d0461f35289883731b37da5c139/80977/karttataso.png 313w,\n/static/de757d0461f35289883731b37da5c139/80d71/karttataso.png 625w,\n/static/de757d0461f35289883731b37da5c139/8c557/karttataso.png 700w\"\n        sizes=\"(max-width: 700px) 100vw, 700px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>Reittioppaan kartalla voidaan näyttää tarvittaessa kiinnostavia kohteita – esimerkiksi palvelupisteet tai lippuautomaatit. Reittioppaalle toimitetaan tällaisessa tilanteessa linkki olemassaolevaan geoJSON-muotoiseen dataan. Esimerkki datasta:</p>\n<div class=\"gatsby-highlight\" data-language=\"json\"><pre class=\"language-json\"><code class=\"language-json\"><span class=\"token punctuation\">{</span>\n    <span class=\"token property\">\"type\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"FeatureCollection\"</span><span class=\"token punctuation\">,</span>\n    <span class=\"token property\">\"features\"</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span>\n        <span class=\"token punctuation\">{</span>\n            <span class=\"token property\">\"type\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Feature\"</span><span class=\"token punctuation\">,</span>\n            <span class=\"token property\">\"id\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"1\"</span><span class=\"token punctuation\">,</span>\n            <span class=\"token property\">\"geometry\"</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n                <span class=\"token property\">\"type\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Point\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"coordinates\"</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">[</span>\n                    <span class=\"token number\">21.26673</span><span class=\"token punctuation\">,</span>\n                    <span class=\"token number\">61.44984</span>\n                <span class=\"token punctuation\">]</span>\n            <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n            <span class=\"token property\">\"properties\"</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n                <span class=\"token property\">\"category\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"SERVICE_POINT\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"name\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Nimi\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"name_fi\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Nimi\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"name_sv\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Namn\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"name_en\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Name\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"popup\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"&lt;div class=\\\"card-header-wrapper\\\">\\n &lt;span class=\\\"h4\\\"> Nimi&lt;\\/span>\\n &lt;div class=\\\"card-sub-header\\\">Katu 1&lt;\\/div>\\n&lt;\\/div>\\n\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"text\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\" Nimi\\nKatu 1, 00100\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"city\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Kaupunki\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"city_fi\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Kaupunki\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"city_sv\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Stad\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"address\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Katu 1\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"address_fi\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Katu 1\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"address_sv\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"Gata 1\"</span><span class=\"token punctuation\">,</span>\n                <span class=\"token property\">\"icon\"</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span>\n                    <span class=\"token property\">\"id\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"icon_service_point\"</span><span class=\"token punctuation\">,</span>\n                    <span class=\"token property\">\"svg\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"&lt;svg xmlns=\\\"http:\\/\\/www.w3.org\\/2000\\/svg\\\"\\n     xmlns:xlink=\\\"http:\\/\\/www.w3.org\\/1999\\/xlink\\\"\\n     width=\\\"256\\\" height=\\\"256\\\" ... svg>\\n\"</span>\n                <span class=\"token punctuation\">}</span>\n            <span class=\"token punctuation\">}</span>\n        <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span>\n<span class=\"token punctuation\">}</span></code></pre></div>\n<h4 id=\"datan-osalta-tulisi-huomioida-seuraavat-asiat\" style=\"position:relative;\"><a href=\"#datan-osalta-tulisi-huomioida-seuraavat-asiat\" aria-label=\"datan osalta tulisi huomioida seuraavat asiat permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Datan osalta tulisi huomioida seuraavat asiat:</h4>\n<ul>\n<li>Ikonina käytettävä svg-grafiikka (svg-tiedoston sisältö) on sisällytettävä dataan kerran. Muissa kohdissa ikoniin viitataan samalla icon.id arvolla kuin se, jossa ikonin data on annettu.</li>\n<li>Jotta reittiopas voi hyödyntää linkissä sijaitsevaa dataa, tulisi dataa tarjoilevan palvelun antaa vastauksessa reittioppaan salliva Access-Control-Allow-Origin -header ja Content-Type tulisi olla application/json.</li>\n<li>Kenttien nimet tulee kirjoittaa kokonaan pienellä</li>\n<li>Rivinvaihtomerkkinä toimii “\\n”</li>\n</ul>\n<p>Ensimmäinen palvelupiste:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">”icon”: {\n  “id“: “service-point“,\n  “svg“: “&lt;svg … data kokonaisuudessaan … >“\n}</code></pre></div>\n<p>Muilla palvelupisteillä vain viitataan jo kerran annettuun dataan:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">”icon”: {\n  “id“: “service-point“\n}</code></pre></div>\n<br/>\n<p>Response-header esimerkki:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">Access-Control-Allow-Origin:\t*\nContent-Type:\tapplication/json</code></pre></div>","excerpt":"1. Domain nimi Liikenne Digitransit-palveluun on aina https-salattu. Voit valita vapaasti palvelusi domain-nimen (esim. https://reittiopas.kaupunki.fi), jolloin tarvitsemme TLS-sertifikaatin, joka…"}},"pageContext":{"slug":"/liity/reittiopas/"}},"staticQueryHashes":["3675773199","4050193485"]}