CINXE.COM
OmnesViae: Roman Route Planner
<!DOCTYPE html> <html lang="en"> <head> <title>OmnesViae: Roman Route Planner</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Plan your journey like a Roman, with a route planner based on Roman sources, the road map Tabula Peutingerina, and the travel guide of Antoninus." /> <meta name="keywords" content="Roman route planner, Roman road map, Tabula Peutingeriana, Itinerarium Antonini, Roman travel guide, Roman travel route, Roman roads, Roman road map, Roman road planner, Roman road route, Roman road route planner, itinerarium, Antoninus" /> <meta property="og:image" content="https://omnesviae.org/images/omnesviae_og.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="675"> <!-- TODO hreflang stuff --> <script src="https://cdn.jsdelivr.net/npm/ol@v8.2.0/dist/ol.js"></script> <link rel="stylesheet" href="/css/omnesviae.css" type="text/css"> <link rel="stylesheet" href="/css/ol.css" type="text/css"> </head> <body> <header id="menu-bar"> <h1>OmnesViae</h1> <nav> <ul> <li class="active"><a href="/">Iter</a></li> <li class=""><a href="/tabula">Tabula</a></li> <li class=""><a href="/nobis">De Nobis</a></li> </ul> </nav> </header> <div id="route" class="routebox"> <div id="handle"></div> <h2>Iter vestrum</h2> <form action="#" method="get" id="routeform"> <div class="autocomplete-container"> <label for="origin">Origo:</label><br> <input type="text" id="origin" name="origin" required autocomplete="off"> <div id="suggestions-origin" class="suggestions" role="listbox"></div> <input type="hidden" id="originId" name="origin1Id"> </div> <br> <div class="autocomplete-container"> <label for="destination">Destinatio:</label><br> <input type="text" id="destination" name="destination" required autocomplete="off"> <div id="suggestions-destination" class="suggestions" role="listbox"></div> <input type="hidden" id="destinationId" name="destinationId"> </div> <br> <input type="submit" id="submitBtn" value=" Iter Faciam " disabled> </form> <div id="results-container"></div> <div> <h3>Explicatio clavium</h3> <ul id="legenda"> <li><img src="/images/symbols/0_noborder.png"> fons Tabula Peutingeriana</li> <li><img src="/images/symbols/1_noborder.png"> fons principalis Itinerarium Antonini</li> </ul> </div> </div> <div id="map" class="map"></div> <div id="popup" class="ol-popup"> <a href="#" id="popup-closer" class="ol-popup-closer" aria-label="close button">X</a> <div id="popup-content"></div> </div> <script src="/js/routeform.js"></script> <script src="/js/map.js"></script> </body> </html>