-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathtestmap-inline.html
104 lines (83 loc) · 4.19 KB
/
testmap-inline.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
<head>
<title>Inline TransforMap</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="assets/favicon.png" />
</head>
<body>
<noscript>
<br><hr><br>
<h3>Thanks for your privacy-awareness and disabled JavaScript!</h3>
<p>Unfortunately, this interactive map only works with JavaScript enabled - please add an exception for this site!</p>
</noscript>
<script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="jquery.geo-1.0.0-b1.5.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>
<script type="text/javascript" src="PruneCluster.js"></script>
<script type="text/javascript" src="leaflet-hash.js"></script>
<script type="text/javascript" src="leaflet-search.min.js"></script>
<script type="text/javascript" src="Leaflet.EditInOSM.js"></script>
<script type="text/javascript" src='L.Control.Locate.mine.js'></script>
<script type="text/javascript">
var url_pois_lz = "identities.json";
var hostname = window.parent.document.location.origin ? window.parent.document.location.origin : window.parent.document.location.protocol + "//" + window.parent.document.location.hostname;
var assethost = hostname + window.parent.document.location.pathname.replace(/\/[^/]*$/,'/');
</script>
<script type="text/javascript" src="sidebar.js"></script>
<script type="text/javascript" src="filters.js"></script>
<script type="text/javascript" src="map.js"></script>
<script type="text/javascript">
// <!--
/*
* overpass syntax:
* [out:json][timeout:180][bbox:BBOX];
* first OR-CLAUSE: node[param1][param2];out;(way[param1][param2];node(w));out;rel[param1][param2];out;
* n'th OR-Clause: node[param3][param4];out;(way[param3][param4];node(w));out;rel[param3][param4];out;
*
* human readable length of query is not important, query speed is!
*/
// var query_array = [ [ 'query1', "and-key2" ] , /*OR*/ ["and-key3", "and-key4" ] ]; // query may be all what goes inside [], e.g. '~"full?fill?s_needs:.*"~".*"' or 'addr:housenumber'
var overpass_config = {
q_array: [ [ '"identity"' ] ],
icon_folder : "identities",
icon_tags : [ "identity" ], //also generates map_key if tag is part of TransforMap Taxonomy
class_selector_key : { key: "identity" }
}
buildOverpassQuery();
var about_text = '<p>The map of identities displays the different identities of the TransforMap movement.</p>'
+ 'The <dfn title="Point of Interest">POIs</dfn> displayed are directly taken from the <a href="https://www.openstreetmap.org/">OpenStreetMap</a> database. For an OSM Object to appear on this map, it has to have the tag “<a href="https://wiki.openstreetmap.org/wiki/Proposed_features/TransforMap#Self-description_of_a_community">identity</a>” set.</p>'
+ about.overpass
+ about.osm_edit
+ about.export_opendata ;
$(function () {
// (defaultlayer,base_maps,overlay_maps, lat,lon,zoom) // if not set, use TransforMap defaults
map = initMap(null, null, null, 47.07, 15.43, 12);
var hash = new L.Hash(map); // Leaflet persistent Url Hash function
loadPoi();
map.on('moveend', loadPoi);
map.on('viewreset', loadPoi);
setTimeout(addSearch,500); //seems to break with prunecluster when loaded instantly, this fix helps
addLocate();
L.control.scale({imperial: false}).addTo(map);
L.control.mousePosition().addTo(map); // also export function is located here
});
// -->
</script>
<div id="scoped-content">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" scoped />
<link rel="stylesheet" href="leaflet-search.min.css" scoped />
<link rel="stylesheet" href="Leaflet.EditInOSM.css" scoped />
<link rel="stylesheet" href="transformap.css" scoped />
<div id="tmapcontent" style="
height:700px;
width:900px;
margin:20px;
border:1px solid black;
">
<div id="map"></div>
</div>
</div>
</body>
</html>