2021-05-07 16:46:47 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>Map showing Wikidata items linked to OSM</title>
|
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='fork-awesome/css/fork-awesome.css')}}">
|
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/map.css') }}?time={{time}}" type="text/css" media="all" />
|
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.0/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="anonymous" />
|
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='Leaflet.ExtraMarkers/leaflet.extra-markers.min.css') }}" type="text/css" media="all" />
|
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2021-05-09 07:17:40 +01:00
|
|
|
<div id="map">
|
|
|
|
|
</div>
|
|
|
|
|
<button id="load-btn" type="button" class="btn btn-primary btn-lg">
|
|
|
|
|
<span id="loading" class="visually-hidden">
|
|
|
|
|
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
|
|
|
|
|
Loading ...
|
|
|
|
|
</span>
|
|
|
|
|
<span id="load-text">
|
|
|
|
|
Load Wikidata items
|
|
|
|
|
</span>
|
|
|
|
|
</button>
|
2021-05-07 16:46:47 +01:00
|
|
|
|
|
|
|
|
<div id="sidebar">
|
2021-05-08 09:46:03 +01:00
|
|
|
<div class="card m-2" id="search-card">
|
2021-05-07 16:46:47 +01:00
|
|
|
<div class="card-body">
|
|
|
|
|
<form id="search-form">
|
|
|
|
|
<div>
|
|
|
|
|
<input id="search-text" placeholder="place">
|
|
|
|
|
<button type="submit" id="search-btn" class="btn btn-primary">search</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<div id="search-results">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-05-08 09:46:03 +01:00
|
|
|
<div class="card visually-hidden m-2" id="isa-card">
|
2021-05-07 16:46:47 +01:00
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="h5 card-title">item types</div>
|
2021-05-08 09:45:14 +01:00
|
|
|
<div><a href="#" id="show-all-isa">show all</a></div>
|
2021-05-07 16:46:47 +01:00
|
|
|
<div id="isa-list">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-05-11 18:33:42 +01:00
|
|
|
|
|
|
|
|
<div class="card visually-hidden m-2" id="detail-card">
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="h5 card-title">item detail
|
|
|
|
|
<button type="button" class="btn-close" id="close-detail"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="detail"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-05-07 16:46:47 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
var start_lat = {{ lat | tojson }};
|
|
|
|
|
var start_lng = {{ lng | tojson }};
|
|
|
|
|
var zoom = {{ zoom | tojson }};
|
|
|
|
|
var bbox_list = {{ (bbox_list or []) | tojson }};
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
<script src="https://unpkg.com/axios@latest"></script>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
|
|
|
|
|
<script src="https://unpkg.com/leaflet@1.3.0/dist/leaflet.js" integrity="sha512-C7BBF9irt5R7hqbUm2uxtODlUVs+IsNu2UULGuZN7gM+k/mmeG4xvIEac01BtQa4YIkUpp23zZC4wIwuXaPMQA==" crossorigin="anonymous"></script>
|
|
|
|
|
<script type="text/javascript" src="{{ url_for('static', filename='Leaflet.ExtraMarkers/leaflet.extra-markers.min.js') }}"></script>
|
|
|
|
|
<script type="text/javascript" src="{{ url_for('static', filename='js/map.js') }}?time={{time}}"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
