110 lines
2.9 KiB
HTML
110 lines
2.9 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Geocode to Commons{% endblock %}
|
|
|
|
{% block link %}
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
|
|
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
|
|
crossorigin=""/>
|
|
{% endblock %}
|
|
|
|
{% block script %}
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
|
|
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
|
|
crossorigin=""></script>
|
|
|
|
<script>
|
|
var map = L.map('map').setView([{{ lat }}, {{ lon }}], 13);
|
|
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
maxZoom: 19,
|
|
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
|
}).addTo(map);
|
|
|
|
var marker = L.marker([{{ lat }} , {{ lon }}]).addTo(map);
|
|
|
|
{% if geojson %}
|
|
|
|
L.geoJSON({{ geojson | safe }}).addTo(map);
|
|
|
|
{% endif %}
|
|
|
|
</script>
|
|
|
|
{% endblock %}
|
|
|
|
{% block style %}
|
|
<style>
|
|
/*
|
|
#map {
|
|
width: 600px;
|
|
height: 600px;
|
|
}
|
|
*/
|
|
|
|
/* Styles for the map */
|
|
#map {
|
|
position: fixed; /* This keeps the map in place when the page is scrolled */
|
|
top: 0; /* Starting from the top edge of the browser window */
|
|
right: 0; /* Positioned on the right side */
|
|
width: 50%; /* Half the screen width */
|
|
height: 100%; /* Full height of the browser window */
|
|
}
|
|
|
|
#main {
|
|
width: 48%
|
|
}
|
|
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div id="map"></div>
|
|
<div class="m-3" id="main">
|
|
<h1>Geocode coordinates to Commons Category</h1>
|
|
|
|
<p>
|
|
<a href="{{ url_for('index') }}">home</a>
|
|
|
|
|
<a href="{{ url_for('index', lat=lat, lon=lon) }}">visit endpoint</a>
|
|
| <a href="https://www.openstreetmap.org/#map=17/{{lat }}/{{ lon }}">view in OSM</a>
|
|
{% if result.commons_cat %}
|
|
| <a href="{{ result.commons_cat.url }}">Commons category</a>
|
|
{% endif %}
|
|
|
|
{% if result.wikidata %}
|
|
| <a href="https://www.wikidata.org/wiki/{{ result.wikidata }}">{{ result.wikidata }}</a>
|
|
{% endif %}
|
|
|
|
| <a href="{{ url_for('detail_page', lat=lat, lon=lon) }}">#</a>
|
|
|
|
</p>
|
|
|
|
<h4>API returns</h4>
|
|
<pre>{{ result | tojson(indent=2) }}</pre>
|
|
|
|
{% if result.wikidata %}
|
|
<p><strong>Wikidata item</strong>: <a href="https://www.wikidata.org/wiki/{{ result.wikidata }}">{{ result.wikidata }}</a></p>
|
|
{% endif %}
|
|
|
|
{% if result.commons_cat %}
|
|
<p><strong>Commons category</strong>: <a href="{{ result.commons_cat.url }}">{{result.commons_cat.title }}</a></p>
|
|
{% endif %}
|
|
|
|
{% if elements %}
|
|
<p>{{ elements.count() }} surrounding elements found</p>
|
|
{% else %}
|
|
<p>No elements found</p>
|
|
{% endif %}
|
|
|
|
{% for element in elements %}
|
|
{% set tags = element.tags %}
|
|
<div class="rounded border border-4 p-1 my-2{% if element_id == element.osm_id %} bg-primary-subtle{% endif %}">
|
|
{% for key, value in element.tags.items() if not (key == "way_area" or "name:" in key or key.startswith("source")) %}
|
|
<div><strong>{{ key }}</strong>: {{ value }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
{% endblock %}
|