CINXE.COM
Digital Atlas of the Roman Empire
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- required for mobile apps --> <!--meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /--> <title>Digital Atlas of the Roman Empire</title> <link rel="stylesheet" href="atlas.css" type="text/css"> <!--script type="text/javascript" src="../proj4js/lib/proj4js-compressed.js"></script--> <!--script type="text/javascript" src="../OpenLayers-2.12/OpenLayers.js"></script--> <script type="text/javascript" src="proj4js/lib/proj4js-compressed.js"></script> <script type="text/javascript" src="OpenLayers-2.12/OpenLayers.js"></script> <!--script type="text/javascript" src="http://openlayers.org/api/2.12/OpenLayers.js"></script--> <!--script type="text/javascript" src="atlas.min.js"></script--> <script type="text/javascript" src="atlas.js"></script> </head> <body onload="initAtlas(9,12.4861685,41.8917375,0,'')"> <div id="map"></div> <div id="bar"> <button type="button" onclick="atlas.showMapInfo()" title="Map information"><img src="pics/world.png"></button><br> <button type="button" onclick="atlas.resizeUI(1)" title="Expand sidebar"><img src="pics/sidebar-collapse.png"></button><br> <button type="button" onclick="atlas.resizeUI(-1)" title="Collapse sidebar"><img src="pics/sidebar-expand.png"></button><br> <button type="button" onclick="atlas.showVisibleFeatures()" title="Show visible places on basemap"><img src="pics/eye.png"></button><br> <button type="button" onclick="atlas.clearBaseFeatures()" title="Clear visited places"><img src="pics/cross.png"></button><br> <button type="button" onclick="atlas.showDoc('date',1)" title="Recently added places"><img src="pics/map_add.png"></button><br> <br> <a href="https://twitter.com/JohanAhlfeldt" target="_blank" title="News on Twitter"><img width="16" height="16" style="border:0px" src="pics/twitter.ico"></a> </div> <div id="tabContainer"> <div id="tabs"> <ul id="tabGroup"> <li id="tabHeader_1" title="Startpage">Home</li> <li id="tabHeader_2" title="Map Legend">Legend</li> <li id="tabHeader_3" title="Manage overlays">Layer</li> <li id="tabHeader_4" title="Search modern and ancient placenames">Search</li> <li id="tabHeader_5" title="Data on ancient places">Places</li> <li id="tabHeader_6" title="Additional maps: Bing, OSM">Map</li> <li id="tabHeader_7" style="display:none" title="Topographic Maps">Topo</li> </ul> </div> <div id="status"><p><em>Digital Atlas of the Roman Empire</em></div> <div id="content"> <div class="tabpage" id="tabpage_1" style="display:none"></div> <!-- text --> <div class="tabpage" id="tabpage_2"></div> <!-- map2 --> <div class="tabpage" id="tabpage_3"></div> <!-- map3 --> </div> </div> <div id="popup" style="visibility:hidden">Popup Window<br>content of popup</div> </body> </html>