owl-map/templates/map.html

77 lines
2.9 KiB
HTML
Raw Normal View History

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.7.1/dist/leaflet.css">
2021-05-07 16:46:47 +01:00
<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/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
2021-05-07 16:46:47 +01:00
</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="d-none">
2021-05-09 07:17:40 +01:00
<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">
<div id="search-and-isa">
<div class="card m-2" id="search-card">
<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>
2021-05-07 16:46:47 +01:00
</div>
</div>
<div class="card d-none m-2" id="isa-card">
<div class="card-body">
<div class="h5 card-title">item types</div>
<div><a href="#" id="show-all-isa">show all</a></div>
<div id="isa-list">
</div>
2021-05-07 16:46:47 +01:00
</div>
</div>
</div>
<div class="card d-none m-2" id="detail-card">
<div class="card-body">
2021-05-12 23:11:52 +01:00
<div class="h4 card-title">
<span id="detail-header">item detail</span>
<button type="button" class="btn-close float-end" id="close-detail"></button>
</div>
2021-05-14 12:53:48 +01:00
<div id="detail"></div>
<div id="candidates"></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 }};
</script>
<script src="https://unpkg.com/axios@latest"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" crossorigin="anonymous"></script>
2021-05-07 16:46:47 +01:00
<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>