-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
160 lines (151 loc) · 8.76 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport">
<title>Геоуказатель к монографии А.А. Фролова «Новгородские писцовые книги: источники и методы исследования»</title>
<link rel="stylesheet" href="css/leaflet.css" />
<link rel="stylesheet" href="vendor/leaflet/MarkerCluster.css" />
<link rel="stylesheet" href="vendor/leaflet/MarkerCluster.Default.css" />
<link rel="stylesheet" href="vendor/iconLayers/iconLayers.css" />
<link rel="stylesheet" href="vendor/leaflet/leaflet.mouseposition.css" />
<link rel="stylesheet" href="css/main.css" />
<script src="vendor/jquery/jquery-3.1.1.min.js"></script>
<script src="vendor/leaflet/leaflet.js"></script>
<script src="vendor/leaflet/leaflet.markercluster.js"></script>
<script src="vendor/leaflet/leaflet-omnivore.min.js"></script>
<script src="vendor/leaflet/leaflet.mouseposition.js"></script>
<script src="vendor/iconLayers/iconLayers.js"></script>
<script src="vendor/proj4leaflet/proj4-compressed.js"></script>
<script src="vendor/proj4leaflet/proj4leaflet.js"></script>
</head>
<body class="body--withRightPanel">
<div class="object-list right-panel active loading">
<div id="vue-app">
<plans ref="plans"></plans>
</div>
</div>
<div id="object-info-right-panel" class="object-info right-panel right-panel--dyn">
<div class="object-info__content"></div>
<a href="#" class="close" data-close-right-panel="object-info-right-panel">
<svg class="close__icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
</a>
</div>
<div id="about-right-panel" class="about right-panel right-panel--dyn">
<div class="h1">О проекте</div>
<p>Лаборатория исторической геоинформатики ИВИ РАН представляет инновационный формат географического указателя научной монографии, позволяющий пользователю не только найти упоминание того или иного топонима на страницах монографии, но и сразу увидеть его расположение на карте (если название поддается локализации). В данном проекте удалось объединить результаты специальных историко-географических штудий автора с ГИС-технологиями.</p>
<p>Интерфейс пользователя разработан <a href="http://nextgis.ru">NextGIS</a> на базе проекта Лаборатории исторической геоинформатики ИВИ РАН <a href="http://rgada.info/geos2/">“Чертежи Русского государства XVI-XVII вв.”</a>.</p>
<br>
<p>Цитирование: Геоуказатель к монографии: Фролов А.А. Новгородские писцовые книги: источники и методы исследования. М-СПб., Альянс-Архео, 2017. URL: http://ukazatel.histgeo.ru/index.html </p>
<br>
<p>А.А. Фролов</p>
<a href="#" class="close" data-close-right-panel="about-right-panel">
<svg class="close__icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
</a>
<div class="ngw-copyright">Работает на <a href="http://nextgis.ru/nextgis-com/" target="_blank">nextgis.com</a></div>
</div>
<div class="map-container">
<div id="map" class="map">
<div class="map-opacity map-control leaflet-bar">
<div class="map-opacity__inner">
<span class="map-opacity__icon fa fa-adjust"></span>
<input class="map-opacity__control" id="raster_opacity" type="range" min="30" max="100" step="1" value="100">
</div>
</div>
</div>
<h1 class="map-title">Геоуказатель к монографии А.А. Фролова «Новгородские<br> писцовые книги: источники и методы исследования»</h1>
</div>
<!-- right panel with plans template -->
<script id="plansPanelTemplate" type="text/x-template">
<div class="plans-panel">
<div class="plans-panel__search">
<search @search:changed = "searchQuery = $event"></search>
</div>
<plans-list :items="sortedItems"
:activeItem="activeItem"
@planIsClicked="activateItem($event, {
withZooming: true,
withScrolling: false
})"
ref="plansList"></plans-list>
</div>
</script>
<!-- plans list template -->
<script id="plansListTemplate" type="text/x-template">
<div class="plans-list__wrapper">
<table class="plans-list" cellspacing="0">
<tbody>
<tr v-for="item in items"
class="plan-item" :class="{'plan-item--active': activeItem === item}"
:ref="item.feature.properties.ogc_fid"
@click = "$emit('planIsClicked', item)">
<td><div class="plan-item__num">{{ item.feature.properties.ogc_fid }}</div></td>
<td>
<div class="plan-item__title h2">{{item.feature.properties.toponym}}</div>
<div class="plan-item__meta">Страницы: {{ item.feature.properties.pages }}</div>
</td>
<td><div class="plan-item__group">{{item.feature.properties.group}}</div></td>
</tr>
<tr v-if="!items.length" class="plan-item plan-item--noresult"><td>Ничего не найдено</td></tr>
</tbody>
</table>
</div>
</script>
<!-- search template -->
<script id="searchTemplate" type="text/x-template">
<div class="search">
<input class="search__input form-control" type="search" placeholder="Искать объект"
v-model="searchQuery"
@input="$emit('search:changed', searchQuery)">
</div>
</script>
<script lang="text/javascript">
var layers = [
{
name: 'multipolygons',
url: 'http://histgeo.nextgis.com/api/resource/1095/geojson',
style: {
color: '#4CAF50',
weight: 1
}
},
{
name: 'lines',
url: 'http://histgeo.nextgis.com/api/resource/1097/geojson',
style: {
color: '#1565c0',
weight: 2
}
},
{
name: 'polygons',
url: 'http://histgeo.nextgis.com/api/resource/1093/geojson',
style: {
color: '#1565c0',
weight: 2
}
},
{
name: 'points',
url: 'http://histgeo.nextgis.com/api/resource/1099/geojson',
style: {
color: 'tomato'
}
}
],
layersData = [];
</script>
<script src="vendor/vue/vue.min.js"></script>
<script src="vendor/polyfills/polyfill.min.js"></script>
<script src="js/loadData.js"></script>
<script src="js/base_layers.js"></script>
<script src="js/map.js"></script>
<script src="js/plans.js"></script>
</body>
</html>