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>
|
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/bootstrap@5.0.1/dist/css/bootstrap.min.css">
|
2021-05-12 11:51:16 +01:00
|
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css">
|
2021-06-14 23:08:07 +01:00
|
|
|
<link rel="stylesheet" href="https://unpkg.com/fork-awesome@1.1.7/css/fork-awesome.min.css">
|
|
|
|
|
<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>
|
|
|
|
|
<body>
|
2021-06-14 23:08:07 +01:00
|
|
|
<div id="app"></div>
|
2021-05-07 16:46:47 +01:00
|
|
|
|
2021-06-16 16:48:45 +01:00
|
|
|
<script src="https://unpkg.com/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
|
2021-06-14 23:08:07 +01:00
|
|
|
<script type="module">
|
|
|
|
|
import { createApp } from "https://cdn.skypack.dev/vue@^3.0.11";
|
|
|
|
|
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-07-06 16:24:14 +01:00
|
|
|
startRadius: {{ radius | 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-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>
|
