A greasemonkey script for adding routes from reittiopas to the result cards of http://asunnot.oikotie.fi. Only on Firefox.

oikotie-reittiopas-to-location.user.js

// ==UserScript==
// @name        oikotie-reittiopas-to-location
// @namespace   my-oikotie-api.herokuapp.com
// @description Shows the reittiopas route to the on sale apartments
// @include     http://asunnot.oikotie.fi/myytavat-asunnot*
// @version     1.1
// @grant       GM_getValue
// @grant       GM_setValue
// @license     The MIT License (MIT); http://opensource.org/licenses/MIT
// ==/UserScript==

const locationApiPrefix =  "http://my-oikotie-api.herokuapp.com/hsl/prod/?request=geocode&format=json&key=";
const routeApiPrefix =  "http://my-oikotie-api.herokuapp.com/hsl/prod/?request=route&format=json&request=route&time=0900&timetype=arrival";

insertUi();

setInterval(amendUnamendedElems, 2000)

let myMapDiv;
let currentLocation;

function insertUi() {
  const controlElem = document.querySelector('#search-views .controls');
  controlElem.style.height = "45px";

  const routeDiv = document.createElement('div');
  const routeTargetInput = document.createElement('input');
  routeTargetInput.type = "text";
  routeTargetInput.style.width = "300px";
  routeTargetInput.placeholder = "Matka-aikahaun kohdeosoite";
  routeTargetInput.value = GM_getValue("toAddress") || "";
  routeTargetInput.id = "routeInfoTargetAddress";
  routeDiv.appendChild(routeTargetInput);

  controlElem.appendChild(routeDiv);

  routeTargetInput.oninput = (e) => {
    GM_setValue("toAddress", e.target.value);
    for (let cardContentElem of document.querySelectorAll(".cards .content")) {
      cardContentElem.classList.remove('routing-ongoing');
      cardContentElem.classList.remove('routing-done');
      const targetElem = cardContentElem.querySelector('.price-extra');
      if(targetElem) targetElem.innerHTML = '';
    }
    fetchCurrentLocation(e.target.value);
  };
  if (routeTargetInput.value) {
    routeTargetInput.dispatchEvent(new Event('input'));
  }

  const styles = document.createElement('style');
  styles.type = "text/css";
  styles.innerHTML =
    ".extra-visibility .routing-done .price-extra a { color: white; }\n" +
    ".routing-done .price-extra { background: transparent; }\n" +
    ".routing-ongoing .price-extra {background: grey;}\n" +
    "";
  document.querySelector('body').appendChild(styles);

  myMapDiv = document.createElement('iframe');
  myMapDiv.style.position ="fixed";
  myMapDiv.style.height ="200px";
  myMapDiv.style.width ="600px";
  myMapDiv.style.left="0";
  myMapDiv.style.top="0";
  myMapDiv.style.zIndex="120000";
  myMapDiv.style.background="lightgray";
  myMapDiv.style.display="none";
  myMapDiv.frameBorder=0;
  myMapDiv.style.border="0";

  document.querySelector('body').appendChild(myMapDiv)
}

function fetchCurrentLocation(address) {
  getJson(locationApiPrefix + address).then((locations) => {
    const firstLocation = locations[0];
    currentLocation = {
      address: firstLocation.name + " " + (firstLocation.details && firstLocation.details.houseNumber || "")  + ",  " + firstLocation.city,
      coords: firstLocation.coords 
    };
  });
}

function amendUnamendedElems() {
  if (!currentLocation) {
    return
  }
  var unamendedElems = document.querySelectorAll(".cards .content:not(.routing-ongoing):not(.routing-done)");
  for (let elem of unamendedElems) {
    elem.classList.add('routing-ongoing');
    amendWithRouteInfo(elem, currentLocation)
      .then(function (theElem) {
        theElem.classList.remove('routing-ongoing');
        theElem.classList.add('routing-done');
      })
      .then(null, (e) => {
        console.error("caught", e);
      });
  }
}

function amendWithRouteInfo(elem, to) {
  let addressElem = elem.querySelector(".address");
  let districtElem = elem.querySelector(".district");
  const cardAddress = (addressElem && (addressElem.textContent + ', ') || "") +
    (districtElem && districtElem.textContent.match(/,(.*)/)[1].trim() || "");
  if (!cardAddress) return Promise.resolve("No card address");

  addressElem.style.cursor = "pointer";

  addressElem.addEventListener('click', (e) => {
    myMapDiv.src = "https://www.google.com/maps/embed/v1/place?key=AIzaSyCHm4XaOER6bNn2g8EXNjdAFzzB_XB46BM"
      + "&q=" + cardAddress
      + "&zoom=13";
    myMapDiv.style.display = "block"
  });

  return addRouteInfoAsync().then(function() { return elem; });

  function addRouteInfoAsync() {
    return getJson(locationApiPrefix + cardAddress)
      .then(locationRes => locationRes[0].coords)
      .then((fromCoords) => {
        return getJson(routeApiPrefix + "&from=" + fromCoords + "&to=" + to.coords)
          .then((routeResponse) => {
            return {route: routeResponse, fromCoords: fromCoords, toCoords: to.coords, toAddress: to.address};
          })
      }).then(appendRouteInfo);
  }

  function appendRouteInfo(routeDetails) {
    const aElem = document.createElement("a");
    aElem.href = "http://reittiopas.fi/?from=" + routeDetails.fromCoords + "&to=" + routeDetails.toCoords;
    aElem.textContent = (parseInt(routeDetails.route[0][0].duration, 10) / 60) + " min " + routeDetails.toAddress;
    aElem.style.display = "inline-block";
    aElem.classList.add('route-link');
    const targetParent = elem.querySelector(".price-extra");
    targetParent.innerHTML = '';
    targetParent.appendChild(aElem);
  }
}

function get(url) {
  return new Promise((resolve, reject) => {
    const req = new XMLHttpRequest();
    req.open('GET', url, true);
    req.onload = () => {
      if (req.status < 300) {
        resolve(req.response);
      } else {
        reject(new Error(req.statusText + " from url: " + url));
      }
    };
    req.onerror = () => {
      reject(new Error("Network Error"));
    };
    req.send();
  });
}

function getJson(url) {
    return get(url).then(r => JSON.parse(r));
}


// The MIT License (MIT)
//
// Copyright (c) 2014 Heikki Rauhala
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in all
// copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
// SOFTWARE.
//