CINXE.COM

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ==" crossorigin=""/> <link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css' rel='stylesheet' /> <style type="text/css">#mapid { height: 90%; }</style> <!DOCTYPE html> <html lang="en-GB"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable = yes" /> <title>RPC — Map</title> <link href="/rpc/opensearch.xml" title="RPC" type="application/opensearchdescription+xml" rel="search"> <link rel="manifest" href="/rpc/manifest.webmanifest"> <meta name="apple-mobile-web-app-title" content="RPC" /> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <link rel="apple-touch-icon" sizes="180x180" href="/rpc/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/rpc/favicon-196x196.png" sizes="196x196" /> <link rel="icon" type="image/png" href="/rpc/favicon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/png" href="/rpc/favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="/rpc/favicon-16x16.png" sizes="16x16" /> <link rel="icon" type="image/png" href="/rpc/favicon-128.png" sizes="128x128" /> <meta name="application-name" content="RPC"/> <meta name="theme-color" content="#012147"> <meta name="msapplication-TileColor" content="#012147" /> <meta name="msapplication-TileImage" content="/rpc/mstile-144x144.png" /> <meta name="msapplication-square70x70logo" content="/rpc/mstile-70x70.png" /> <meta name="msapplication-square150x150logo" content="/rpc/mstile-150x150.png" /> <meta name="msapplication-wide310x150logo" content="/rpc/mstile-310x150.png" /> <meta name="msapplication-square310x310logo" content="/rpc/mstile-310x310.png" /> <link rel="stylesheet" href="/bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="/plugins/select2/select2.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="/dist/css/AdminLTE.css"> <link rel="stylesheet" href="/dist/css/skins/skin-blue.css"> <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.css"> <link rel="stylesheet" href="/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css"> <link rel="stylesheet" href="/plugins/jQueryUI/jquery-ui.css"> <link rel="stylesheet" href="/css/magnific-popup.css"> <link rel="stylesheet" href="/css/vkeyb.css"> <link rel="stylesheet" href="/css/varia.css"> <style type="text/css"> .select2-dropdown--below { top: -3.1rem; /*your input height*/ } @media print { a[href]:after { content: none !important; } } @media (min-width: 1200px) { .container-fluid { max-width:90%!important; } } body, .skin-blue .main-header .navbar, .dropdown.open { background: #012147!important; } </style> <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-104714454-1', 'auto');ga('send', 'pageview');</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W7X6ZX6');</script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-08V7BBXMBM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-08V7BBXMBM'); </script> <script src="/plugins/jQuery/jquery-2.2.3.min.js"></script> </head> <body class="fixed skin-blue layout-top-nav">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W7X6ZX6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="wrapper"> <style type="text/css"> .nav > li > a{ padding-left: 12px; padding-right: 12px; } .form-control{ background-color: white; } </style> <header class="main-header" > <nav class="navbar navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <a href="/" class="navbar-brand"><b>RPC</b></a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse"> <i class="fa fa-bars"></i> </button> </div> <div class="collapse navbar-collapse" id="navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="/introduction">Introduction</a></li> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Search<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="/search">Simple Search</a></li> <li><a href="/search/advanced">Advanced Search</a></li> <li><a href="/countermark">Countermarks</a></li> <li><a href="/magistrate">Magistrates</a></li> <li><a href="/city">Cities</a></li> <li><a href="/resources">More...</a></li> </ul> </li> <li><a href="/volumes">Volumes</a></li> <li><a href="/map">Map</a></li> <li class="hidden-md hidden-lg hidden-sm"><a href="/project">About</a></li> <li class="dropdown hidden-xs"><a class="dropdown-toggle" data-toggle="dropdown" href="#">About<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="/project">Project</a></li> <li><a href="/project/directors">Directors</a></li> <li><a href="/project/editors">Editors</a></li> <li><a href="/project/authors">Authors</a></li> <li><a href="/project/volumes">Volumes</a></li> <li><a href="/project/conventions">Conventions</a></li> <li><a href="/project/history">History</a></li> <li><a href="/project/plan">Future Plan</a></li> <li><a href="/project/supporters">Supporters</a></li> <li><a href="/project/acknowledgements">Acknowledgements</a></li> <li><a href="/project/faq">FAQ</a></li> <li><a href="/terms">Terms of Access</a></li> <li><a href="/feedback/create?message_only=1">Contact us</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-center hidden-xs"> <li > <form class="navbar-form" action="/search/browse" method="GET" role="search" style="padding-right:0;"> <input type="text" class="form-control glyphicon glyphicon-search" placeholder="&#xe003 " name="q" id="navbar-search-input" style="font-family: 'Glyphicons Halflings', Arial; background-color: #446187 ; color:white; border-radius: 6px;width: 169px; height: 28px;"> </form> </li> </ul> <ul class="nav navbar-nav navbar-right" style="padding-right: 10px;"> <li><a href="/login"><i class="glyphicon glyphicon-log-in"></i></a></li> </ul> </div> </nav> </header>  <div class="content-wrapper">  <div class="content body" style="padding-right: 0px;padding-left: 0px;"> <div class="container-fluid" style="padding-right: 0px;padding-left: 0px;"> <div id="mapid"></div> <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js" integrity="sha512-A7vV8IFfih/D732iSSKi20u/ooOfj/AGehOKq0f4vLT1Zr2Y+RX7C+w8A1gaSasGtRUZpF/NZgzSAu4/Gc41Lg==" crossorigin=""></script> <script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js'></script> <script> var osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 15 }); var mbox = L.tileLayer('https://d3msn78fivoryj.cloudfront.net/orbis_tiles/{z}/{x}/{y}.jpg', { attribution: "Tiles © <a href='http://mapbox.com/' target='_blank'>MapBox</a> | " + "Data © <a href='http://www.openstreetmap.org/' target='_blank'>OpenStreetMap</a> and contributors, CC-BY-SA |"+ " Tiles and Data © 2013 <a href='http://www.awmc.unc.edu' target='_blank'>AWMC</a>" + " <a href='http://creativecommons.org/licenses/by-nc/3.0/deed.en_US' target='_blank'>CC-BY-NC 3.0</a>", sphericalMercator: true, wrapDateLine: true, transitionEffect: "resize", buffer: 1, numZoomLevels: 13 }); var dare = L.tileLayer('https://dh.gu.se/tiles/imperium/{z}/{x}/{y}.png', { maxZoom: 15 }); var sat = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community' }); var pos = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}.png', {maxZoom: 15}); //var map = L.map('mapid', { fullscreenControl: true, center: [38, 30], zoom: 6, layers: mbox, maxBounds: L.latLngBounds([85, 180], [-85, -180]) }); var map = L.map('mapid', { fullscreenControl: true, center: [38, 30], zoom: 6, layers: sat}); L.control.layers({ "Modern Day": osm, "Imperium": dare , "Satellite": sat, "Paper": pos}).addTo(map); //"Terrain": mbox, var iconPath = '/images/marker.png'; var hdIconPath = '/images/marker@2x.png'; var iconPathUncertain = '/images/marker2.png'; var hdIconPathUncertain = '/images/marker2@2x.png'; var icon = L.icon({iconUrl: iconPath, iconRetinaUrl: hdIconPath, iconSize: [11, 11]}); var iconUncertain = L.icon({iconUrl: iconPathUncertain, iconRetinaUrl: hdIconPathUncertain, iconSize: [11, 11]}); var searchPath = '/search/browse'; $.getJSON('/api/cities', function(data) { for(var i = 0; i<data.length; i++){ if (data[i].uncertain_location==1){ marker = L.marker([data[i].latitude, data[i].longitude], {icon: iconUncertain}).addTo(map).bindPopup("<b><a href='" + searchPath + "?city_id=" + data[i].id + "'>" + data[i].city + '</a></b>' + ' (approximate location)'); marker.on('mouseover', function (e) {this.openPopup();}); }else{ marker = L.marker([data[i].latitude, data[i].longitude], {icon: icon}).addTo(map).bindPopup("<b><a href='" + searchPath + "?city_id=" + data[i].id + "'>" + data[i].city + '</a></b>'); marker.on('mouseover', function (e) {this.openPopup();}); } } return true; }); </script> </div> </div> </div> </div> <script src="/plugins/datatables/jquery.dataTables.min.js"></script> <script src="/js/accent-neutralise.js"></script> <script src="/plugins/datatables/dataTables.bootstrap.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> <script src="/dist/js/app.min.js"></script> <script src="/plugins/select2/select2.js"></script> <script src="/bootstrap/js/jquery-ui.js" ></script> <script src="/js/jquery.ui.touch-punch.min.js"></script> <script src="/js/jquery.magnific-popup.min.js"></script> <script src="/js/jquery.slimscroll.min.js"></script> <script src="/js/linkifyjs/linkify.min.js"></script> <script src="/js/linkifyjs/linkify-jquery.min.js"></script> <script src="/js/onloads.js"></script> <script src="/js/greek.js"></script> <script src="/js/vkeyb.js"></script> <script src="https://code.responsivevoice.org/responsivevoice.js?key=A8Tyy1B2"></script> </body> </html>