{% 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', 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 %}