owl-map/templates/map.html

42 lines
1.7 KiB
HTML
Raw Normal View History

2021-05-07 16:46:47 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
2021-06-14 23:08:07 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Wikidata items linked to OSM</title>
2021-12-18 15:43:58 +00:00
<link rel="stylesheet" href="https://unpkg.com/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css">
2021-12-18 15:43:58 +00:00
<link rel="stylesheet" href="https://unpkg.com/fork-awesome@1.2.0/css/fork-awesome.min.css">
2021-06-14 23:08:07 +01:00
<link rel="stylesheet" href="https://unpkg.com/leaflet-extra-markers@1.2.1/dist/css/leaflet.extra-markers.min.css">
2021-05-07 16:46:47 +01:00
</head>
2021-07-14 14:57:21 +01:00
{% from "navbar.html" import navbar with context %}
2021-05-07 16:46:47 +01:00
<body>
2021-07-14 14:57:21 +01:00
{% block nav %}{{ navbar() }}{% endblock %}
2021-06-14 23:08:07 +01:00
<div id="app"></div>
2021-05-07 16:46:47 +01:00
2021-12-18 15:43:58 +00:00
<script src="https://unpkg.com/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
2021-06-14 23:08:07 +01:00
<script type="module">
2021-12-18 15:43:58 +00:00
import { createApp } from "https://cdn.skypack.dev/vue@^3.2.26";
2021-06-14 23:08:07 +01:00
import App from {{ url_for('static', filename='snowpack/App.vue.js') | tojson }};
2021-05-07 16:46:47 +01:00
2021-06-14 23:08:07 +01:00
const props = {
startLat: {{ lat }},
startLon: {{ lon }},
startZoom: {{ zoom }},
2021-12-18 15:43:58 +00:00
startRadius: {{ (radius or None) | tojson }},
startItem: {{ (qid or None) | tojson }},
startItemTypeFilter: {{ (item_type_filter or []) | tojson }},
2021-07-16 08:59:06 +01:00
defaultComment: {{ config.DEFAULT_COMMENT | tojson }},
2021-06-17 18:12:07 +01:00
username: {{ username | tojson }},
2021-07-11 16:18:45 +01:00
startMode: {{ mode | tojson }},
q: {{ q | tojson }},
2021-10-09 12:00:21 +01:00
// mockUpload: {{ g.user.is_authenticated and g.user.mock_upload | tojson }},
mockUpload: false,
2021-06-14 23:08:07 +01:00
};
2021-05-15 15:07:29 +01:00
2021-06-14 23:08:07 +01:00
const app = createApp(App, props).mount('#app');
2021-05-07 16:46:47 +01:00
</script>
</body>
</html>