PageSourceSearch

https://geohistoricaldata.github.io/

html geohistoricaldata.github.io collected 2026-10-03 09:14:02 UTC 21,738 bytes, 366 lines download raw bytes

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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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">&nbsp;&nbsp;France</a></li>
95                <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="paris-btn">&nbsp;&nbsp;Paris</a></li>
96                <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="latran-btn">&nbsp;&nbsp;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>&nbsp;&nbsp;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">&times;</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>&nbsp;About the project</a></li>
164              <li><a href="#contact" data-toggle="tab"><i class="fa fa-envelope"></i>&nbsp;Contact us</a></li>
165              <li><a href="#disclaimer" data-toggle="tab"><i class="fa fa-exclamation-circle"></i>&nbsp;Disclaimer</a></li>
166              <li class="dropdown">
167                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe"></i>&nbsp;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">&times;</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">&times;</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">&times;</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">&times;</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.