1<!-- Pierre-André Le Ny - http://www.lenyconseil.fr --> 2<!DOCTYPE html> 3<html> 4 <head> 5 <title>GeoHistoricalData</title> 6 <meta charset="utf-8" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 8 <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width"/> 9 <meta name="mobile-web-app-capable" content="yes"/> 10 <meta name="apple-mobile-web-app-capable" content="yes"/> 11 <meta name="theme-color" content="#000000"/> 12 <meta name="description" content=""/> 13 14 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"/> 15 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/> 16 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" /> 17 <link rel="stylesheet" href="assets/css/Control.Geocoder.css" /> 18 <link rel="stylesheet" href="assets/leaflet-groupedlayercontrol/leaflet.groupedlayercontrol.css"/> 19 <link rel="stylesheet" href="assets/css/geohistoricaldata.css"/> 20 21 <link rel="icon" sizes="196x196" href="assets/img/favicon-196.png"/> 22 <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico"/> 23 </head> 24 <body> 25 <!-- 26 <div id="box"> 27 <p></p> 28 <div id="titre"> 29 <center> 30 <h1>GeoHistoricalData</h1> 31 <p>Données issues de la vectorisation Cassini</p> 32 <a href="#"><img src="icon_fleche_bas.png" id="toggle_icon" onclick="toggle_visibility('legend');changeImage();" alt="Afficher la légende"/></a> 33 </center> 34 </div> 35 <div id="legend" style="display:none;"> 36 <h2>Legend</h2> 37 <h3>Tableau d'assemblage</h3> 38 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini_table_assemblage" width="10"/> 39 <h3>Voies</h3> 40 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini&scale=1000000" width="75"/> 41 <h3>Surfaces</h3> 42 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini_taches_urbaines" width="75"/> 43 <h3>Hydrographie linéaire et surfacique</h3> 44 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini_hydro&scale=1000000" width="10" /><br> 45 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini_surfaces_hydro" width="10"/> 46 <h2>Cassini layer opacity</h2> 47 <input id="slide" type="range" min="0" max="1" step="0.1" value="1" onchange="updateOpacity(this.value)"><br> 48 <input type="checkbox" id="cassini-wms" value="Cassini WMS" onclick="LayerState('cassini-wms', ign_cassini);" checked><label>Cassini-WMS</label> 49 <p></p> 50 </div> 51 </div> 52 --> 53 54 <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 55 <div class="container-fluid"> 56 <div class="navbar-header"> 57 <div class="navbar-icon-container"> 58 <a href="#" class="navbar-icon pull-right visible-xs" id="nav-btn"><i class="fa fa-bars fa-lg white"></i></a> 59 </div> 60 <a class="navbar-brand" href="#"><img src="assets/img/ghd-logo-text-xs.png" alt="GeoHistoricalData"/></a> 61 </div> 62 <div class="navbar-collapse collapse"> 63 <!-- 64 <form class="navbar-form navbar-right" role="search"> 65 <div class="form-group has-feedback"> 66 <input id="searchbox" type="text" placeholder="Search" class="form-control"> 67 <span id="searchicon" class="fa fa-search form-control-feedback"></span> 68 </div> 69 </form> 70 --> 71 <ul class="nav navbar-nav"> 72 <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="about-btn"><i class="fa fa-question-circle white"></i> About</a></li> 73 <li class="dropdown"> 74 <a id="toolsDrop" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe white"></i> Tools <b class="caret"></b></a> 75 <ul class="dropdown-menu"> 76 <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="full-extent-btn"><i class="fa fa-arrows-alt"></i> Zoom To Full Extent</a></li> 77 <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="legend-btn"><i class="fa fa-picture-o"></i> Show Legend</a></li> 78 <li class="divider hidden-xs"></li> 79 <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="login-btn"><i class="fa fa-user"></i> Login</a></li> 80 </ul> 81 </li> 82 <li class="dropdown"> 83 <a class="dropdown-toggle" id="downloadDrop" href="#" role="button" data-toggle="dropdown"><i class="fa fa-cloud-download white"></i> Download <b class="caret"></b></a> 84 <ul class="dropdown-menu"> 85 <li><a href="http://geohistoricaldata.org/data/cassini.tar.gz" data-toggle="collapse" data-target=".navbar-collapse.in"><i class="fa fa-download"></i> Cassini vectors</a> 86 </li> 87 <li><a href="http://geohistoricaldata.org/data/networks.tar.gz" data-toggle="collapse" data-target=".navbar-collapse.in"><i class="fa fa-download"></i> Paris street networks</a> 88 </li> 89 </ul> 90 </li> 91 <li class="dropdown"> 92 <a id="levelDrop" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-dot-circle-o white"></i> Level<b class="caret"></b></a> 93 <ul class="dropdown-menu"> 94 <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="france-btn"> France</a></li> 95 <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="paris-btn"> Paris</a></li> 96 <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="latran-btn"> Latran</a></li> 97 </ul> 98 </li> 99 </ul> 100 </div><!--/.navbar-collapse --> 101 </div> 102 </div> 103 104 <div id="container"> 105 <!-- 106 <div id="sidebar"> 107 <div class="sidebar-wrapper"> 108 <div class="panel panel-default" id="features"> 109 <div class="panel-heading"> 110 <h3 class="panel-title">Points of Interest 111 <button type="button" class="btn btn-xs btn-default pull-right" id="sidebar-hide-btn"><i class="fa fa-chevron-left"></i></button></h3> 112 </div> 113 <div class="panel-body"> 114 <div class="row"> 115 <div class="col-xs-8 col-md-8"> 116 <input type="text" class="form-control search" placeholder="Filter" /> 117 </div> 118 <div class="col-xs-4 col-md-4"> 119 <button type="button" class="btn btn-primary pull-right sort" data-sort="feature-name" id="sort
119-btn"><i class="fa fa-sort"></i> Sort</button> 120 </div> 121 </div> 122 </div> 123 <div class="sidebar-table"> 124 <table class="table table-hover" id="feature-list"> 125 <thead class="hidden"> 126 <tr> 127 <th>Icon</th> 128 <tr> 129 <tr> 130 <th>Name</th> 131 <tr> 132 <tr> 133 <th>Chevron</th> 134 <tr> 135 </thead> 136 <tbody class="list"></tbody> 137 </table> 138 </div> 139 </div> 140 </div> 141 </div> 142 --> 143 <div id="map"></div> 144 </div> 145 <!-- 146 <div id="loading"> 147 <div class="loading-indicator"> 148 <div class="progress progress-striped active"> 149 <div class="progress-bar progress-bar-info progress-bar-full"></div> 150 </div> 151 </div> 152 </div> 153 --> 154 <div class="modal fade" id="aboutModal" tabindex="-1" role="dialog"> 155 <div class="modal-dialog modal-lg"> 156 <div class="modal-content"> 157 <div class="modal-header"> 158 <button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button> 159 <h4 class="modal-title">Welcome to the GeoHistoricalData project!</h4> 160 </div> 161 <div class="modal-body"> 162 <ul class="nav nav-tabs" id="aboutTabs"> 163 <li class="active"><a href="#about" data-toggle="tab"><i class="fa fa-question-circle"></i> About the project</a></li> 164 <li><a href="#contact" data-toggle="tab"><i class="fa fa-envelope"></i> Contact us</a></li> 165 <li><a href="#disclaimer" data-toggle="tab"><i class="fa fa-exclamation-circle"></i> Disclaimer</a></li> 166 <li class="dropdown"> 167 <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe"></i> Metadata <b class="caret"></b></a> 168 <ul class="dropdown-menu"> 169 <li><a href="#sheets-tab" data-toggle="tab">Sheets</a></li> 170 <li><a href="#land-use-tab" data-toggle="tab">Land Use</a></li> 171 <li><a href="#roads-tab" data-toggle="tab">Roads</a></li> 172 <li><a href="#linear-hydrography-tab" data-toggle="tab">Linear Hydrography</a></li> 173 <li><a href="#areal-hydrography-tab" data-toggle="tab">Areal Hydrography</a></li> 174 </ul> 175 </li> 176 </ul> 177 <div class="tab-content" id="aboutTabsContent"> 178 <div class="tab-pane fade active in" id="about"> 179 <div class="panel panel-primary"> 180 <div class="panel-heading">Our group gathers about twenty researchers around a project with two fundamental and distinct goals that we believe important to keep connected in order to:</div> 181 <ul class="list-group"> 182 <li class="list-group-item">study territorial evolutions at different scales or levels (from the cadastral parcel to the national territory),</li> 183 <li class="list-group-item">build tools to accurately and flexibly answer such questions.</li> 184 </ul> 185 </div> 186 <p> 187 For these reasons, we started a large project to collaboratively digitize several maps of the city of Paris and of France from the 18th century to the 20th century. 188 The digitization of historical sources is usually done locally by researchers for the immediate needs of their research without sharing their work and results with others. 189 We believe it is essential to build a shared platform not only to work together but also to have a collective control over the production process of the data, their transformations and their analysis. 190 Operations such as scanning, georeferencing and digitization of historical sources imply several and delicate choices. 191 These choices should be documentated and tracked. 192 </p> 193 <p> 194 Reducing the deformations of historical sources during georeferencing usually implies geometric displacements between consecutive maps. 195 Our approach consists in taking theses displacements into account after the digitization process using data conflation / matching tools. 196 Such tools should allow researchers to control and take into account the imperfections of the data throughout their analysis. 197 Furthermore, opendata and open source tools provide the scientific community with the ability to control, track and reproduce the results at every stage. 198 </p> 199 <div class="panel panel-primary"> 200 <div class="panel-heading">Datasets</div> 201 <ul class="list-group"> 202 <li class="list-group-item">Paris and its suburbs from 1789 to 1950</li> 203 <li class="list-group-item">France from 1747 to 1950</li> 204 </ul> 205 </div> 206 <p>The code for this website is Open source and available on <a href="https://github.com/GeoHistoricalData/GeoHistoricalData.github.io" target="_blank">GitHub</a>. 207 It is based on the amazing BootLeaf Template available on <a href="https://github.com/bmcbride/bootleaf" target="_blank">GitHub</a>.</p> 208 </div> 209 <div id="disclaimer" class="tab-pane fade text-danger"> 210 <p>The data provided on this site is licensed under the <a href="https://creativecommons.org/licenses/by/2.0/">
210Creative Commons Attribution 2.0</a>.</p> 211 </div> 212 <div class="tab-pane fade" id="contact"> 213 <form id="contact-form"> 214 <div class="well well-sm"> 215 <div class="row"> 216 <div class="col-md-4"> 217 <div class="form-group"> 218 <label for="first-name">First Name:</label> 219 <input type="text" class="form-control" id="first-name"> 220 </div> 221 <div class="form-group"> 222 <label for="last-name">Last Name:</label> 223 <input type="text" class="form-control" id="last-email"> 224 </div> 225 <div class="form-group"> 226 <label for="email">Email:</label> 227 <input type="text" class="form-control" id="email"> 228 </div> 229 </div> 230 <div class="col-md-8"> 231 <label for="message">Message:</label> 232 <textarea class="form-control" rows="8" id="message"></textarea> 233 </div> 234 <div class="col-md-12"> 235 <p> 236 <button type="submit" class="btn btn-primary pull-right" data-dismiss="modal">Submit</button> 237 </p> 238 </div> 239 </div> 240 </div> 241 </form> 242 </div> 243 <div class="tab-pane fade" id="sheets-tab"> 244 <p>Initial Sheet data courtesy of WWF/INRA, see <a href="https://www.foretsanciennes.fr/wp-content/uploads/Vallauri_et_al_2012.pdf">Valauri et al. 2012</a>.</p> 245 <p>The data present here have been modified by the GeoHistoricalData projet.</p> 246 </div> 247 <div class="tab-pane fade" id="land-use-tab"> 248 <p>Land Use data (cities, domains, etc.) have be entirely digitized by the GeoHistoricalData projet.</p> 249 </div> 250 <div class="tab-pane fade" id="roads-tab"> 251 <p>Road data (main, secondary and forest roads, paths, bridges, ferries, etc) have be entirely digitized by the GeoHistoricalData projet.</p> 252 </div> 253 <div class="tab-pane fade" id="linear-hydrography-tab"> 254 <p>Linear Hydrography data have be entirely digitized by the GeoHistoricalData projet.</p> 255 </div> 256 <div class="tab-pane fade" id="areal-hydrography-tab"> 257 <p>Areal Hydrography data (rivers, lakes, ponds, etc.) have be entirely digitized by the GeoHistoricalData projet.</p> 258 </div> 259 </div> 260 </div> 261 <div class="modal-footer"> 262 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 263 </div> 264 </div><!-- /.modal-content --> 265 </div><!-- /.modal-dialog --> 266 </div><!-- /.modal --> 267 268 <div class="modal fade" id="legendModal" tabindex="-1" role="dialog"> 269 <div class="modal-dialog"> 270 <div class="modal-content"> 271 <div class="modal-header"> 272 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 273 <h4 class="modal-title">Map Legend</h4> 274 </div> 275 <div class="modal-body"> 276 <h5>Sheets</h5> 277 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini_table_assemblage" width="75"/> 278 <h5>Roads</h5> 279 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini&scale=1000000" width="75"/> 280 <h5>Land Use</h5> 281 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini_taches_urbaines" width="75"/> 282 <h5>Linear Hydrography</h5> 283 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini_hydro&
283scale=1000000" width="75" /> 284 <h5>Areal Hydrography</h5> 285 <img src="https://geohistoricaldata.org/geoserver/cassini/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=cassini:france_cassini_surfaces_hydro" width="75"/> 286 </div> 287 <div class="modal-footer"> 288 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 289 </div> 290 </div><!-- /.modal-content --> 291 </div><!-- /.modal-dialog --> 292 </div><!-- /.modal --> 293 294 <div class="modal fade" id="loginModal" tabindex="-1" role="dialog"> 295 <div class="modal-dialog modal-sm"> 296 <div class="modal-content"> 297 <div class="modal-header"> 298 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 299 <h4 class="modal-title">Login</h4> 300 </div> 301 <div class="modal-body"> 302 <form id="login-form" action="http://www.geohistoricaldata.org/geoserver/j_spring_security_check" method="post"> 303 <fieldset> 304 <div class="form-group"> 305 <label for="name">Username:</label> 306 <input type="text" class="form-control" id="username" name="username"> 307 </div> 308 <div class="form-group"> 309 <label for="email">Password:</label> 310 <input type="password" class="form-control" id="password" name="password"> 311 </div> 312 </fieldset> 313 </form> 314 </div> 315 <div class="modal-footer"> 316 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 317 <button type="submit" class="btn btn-primary" data-dismiss="modal" onclick='submitLoginForm()'>Login</button> 318 </div> 319 </div><!-- /.modal-content --> 320 </div><!-- /.modal-dialog --> 321 </div><!-- /.modal --> 322 323 <div class="modal fade" id="featureModal" tabindex="-1" role="dialog"> 324 <div class="modal-dialog"> 325 <div class="modal-content"> 326 <div class="modal-header"> 327 <button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button> 328 <h4 class="modal-title text-primary" id="feature-title"></h4> 329 </div> 330 <div class="modal-body" id="feature-info"></div> 331 <div class="modal-footer"> 332 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 333 </div> 334 </div><!-- /.modal-content --> 335 </div><!-- /.modal-dialog --> 336 </div><!-- /.modal --> 337 338 <div class="modal fade" id="attributionModal" tabindex="-1" role="dialog"> 339 <div class="modal-dialog"> 340 <div class="modal-content"> 341 <div class="modal-header"> 342 <button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button> 343 <h4 class="modal-title"> 344 Developed by <a href='https://geohistoricaldata.org'>GeoHistoricalData</a> based on the BootLeaf template from <a href='http://bryanmcbride.com'>bryanmcbride.com</a> 345 </h4> 346 </div> 347 <div class="modal-body"> 348 <div id="attribution"></div> 349 </div> 350 </div><!-- /.modal-content --> 351 </div><!-- /.modal-dialog --> 352 </div><!-- /.modal --> 353 354
354<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
354 355
355<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
355 356
356<script src="https://unpkg.com/[email protected]/dist/leaflet-src.js"></script>
356 357
357<script src="assets/js/Control.Geocoder.js"></script>
357 358
358<script src="assets/js/leaflet-tilelayer-wmts.js"></script>
358 359
359<script src="assets/js/Control.FullScreen.js"></script>
359 360
360<script src="assets/leaflet-groupedlayercontrol/leaflet.groupedlayercontrol.js"></script>
360 361
361<script src="assets/js/proj4.js"></script>
361 362
362<script src="assets/js/proj4leaflet.js"></script>
362 363
363<script src="assets/js/Leaflet-WFST.src.js"></script>
363 364
364<script src="assets/js/geohistoricaldata.js"></script>
364 365 </body> 366</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.