Asiakkaan verkkosivuille toteutettiin karttatoiminto, jolla voi arvioida valitun matkan pituuden ja matkan hinnan. Toiminto rakennettiin räätälöidysti hyödyntäen Google Maps JavaScript API:a.
Karttatoiminnossa käyttäjä voi valita lähtöpaikan ja määränpään kahdella tavalla:
- kirjoittamalla osoitteet tekstikenttiin, tai
- valitsemalla paikat suoraan kartalta klikkaamalla
Kun lähtö- ja määräpaikka on asetettu, kartalle piirretään arvioitu reitti Googlen reititystoiminnon avulla.
Hinta-arvion laskenta vyöhykkeiden mukaan
Kartalle on määritelty valmiit hintavyöhykkeet, joiden avulla toiminto tunnistaa, mille vyöhykkeille matka sijoittuu.
Kun lähtöpaikka ja määränpää on valittu, toiminto näyttää sekä arvioidun reitin kartalla että matkan vyöhykehinnan. Näin käyttäjä saa nopeasti käsityksen kuljetuksen reitistä ja kustannuksista, ilman yhteydenottoa tai erillistä laskuria.
Toteutustapa
Toiminto rakennettiin WordPressissä omaksi lohkokseen, jotta se on helposti hallittavissa ja siirrettävissä eri sivuille.
Teknisesti kokonaisuus hyödyntää Google Maps API:a:
- JavaScript API:a kartan ja reitityksen piirtämiseen
- Places API:a osoitehakujen ja osoitteen automaattisen täydennyksen toteuttamiseen
- Marker API:a karttapisteiden luomiseen kartalle