Можно считать по гугль картам

$from = "Санкт-Петергубг Ленина 5";
$to = "Выборг Ленина 20";

$from = urlencode($from);
$to = urlencode($to);

$data = file_get_contents("http://maps.googleapis.com/maps/api/distancematrix/json?origins=$from&destinations=$to&language=ru-RU&sensor=false");

$data = json_decode($data);
echo "Откуда: ".$data->destination_addresses[0] . "<br/>" .
     "Куда: ". $data->origin_addresses[0] . "<br/>" .
     "Время: ". $data->rows[0]->elements[0]->distance->text . "<br/>" .
     "Путь: ".$data->rows[0]->elements[0]->duration->text;

А зачем тут JS можно на CSS

.div.info_block > h3:hover{
  color:red;
}

У меня сдохли ключи, наверно надо оплатить ((
https://developers.google.com/maps/documentation/d...

более одного bind это:
v-bind:attr1="value1":attr2="value2":attr2="value2":attr4="value4"...

<link href="https://cdn.materialdesignicons.com/3.8.95/css/materialdesignicons.min.css"
          rel="stylesheet">

Вместо 3.8.95 ставь нужную версию