-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathmap.html
More file actions
89 lines (79 loc) · 3.72 KB
/
map.html
File metadata and controls
89 lines (79 loc) · 3.72 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Fossasia Community Map</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<link rel="apple-touch-icon" href="images/touch-icon-52.png" />
<link rel="apple-touch-icon" href="images/touch-icon-114.png" sizes="114x114" />
<link rel="apple-touch-icon" href="images/touch-icon-72.png" sizes="72x72" />
<link rel="stylesheet" href="external/leaflet/leaflet.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="external/leaflet/leaflet.ie.css" /><![endif]-->
<link rel="stylesheet" href="external/leaflet/MarkerCluster.css" />
<link rel="stylesheet" href="external/leaflet/MarkerCluster.Default.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="external/leaflet/MarkerCluster.Default.ie.css" /><![endif]-->
<link rel="stylesheet" href="external/leaflet/leaflet-button-control.css" />
<link rel="stylesheet" href="community_map.css" />
</head>
<body>
<div id="map"></div>
<script type="text/template" class="template" id="community-popup">
<div class="community-popup" data-id="<%- props.shortname %>" >
<% if ( props.name ) { %>
<h2><a href="<%- props.url %>" target="_window"><%- props.name %></a></h2>
<% } %>
<% if ( props.logo ) { %>
<img class="logo" src="<%- props.logo %>" />
<% } %>
<% if (props.metacommunity) { %>
<h3><%- props.metacommunity %></h3>
<% } %>
<% if (props.city) { %>
<div class="city"><%- props.city %></div>
<% } %>
<% if (props.nodes) { %>
<div class="nodes">
Zugänge: <%- props.nodes %>
<% if (props.state && props.age) { %>
<span class="state <%- props.state %>" title="Die letzte Aktualisierung der Daten war vor <%- props.age %> Tagen">(<%- props.state %>)</span>
<% } %>
</div>
<% } %>
<% if (props.phone) { %>
<div class="phone">☎ <%- props.phone %></div>
<% } %>
<ul class="contacts" style="height:<%- Math.round(props.contacts.length/6+0.4)*30+10 %>px; width: <%- 6*(30+5)%>px;">
<% _.each(props.contacts, function(contact, index, list) { %>
<li class="contact">
<a href="<%- contact.url %>" class="button <%- contact.type %>" target="_window"></a>
</li>
<% }); %>
</ul>
<div class="events hidden">
<label style="display:block">Recent events</label>
<iframe class="embed-timeline" id="upcoming-event" src="<%- props.embedTimelineUrl %>?source=<%- props.shortname %>&order=oldest-first&limit=1&title=null&disableScroll=true" scrolling="no"></iframe>
<iframe class="embed-timeline" id="latest-event" src="<%- props.embedTimelineUrl %>?source=<%- props.shortname %>&order=latest-first&limit=1&until=now&title=null&disableScroll=true" scrolling="no"></iframe>
</div>
</div>
</script>
<script type="text/javascript" src="external/leaflet/leaflet.js"></script>
<script type="text/javascript" src="external/leaflet/leaflet-button-control.js"></script>
<script type="text/javascript" src="external/leaflet/leaflet.markercluster.js"></script>
<script type="text/javascript" src="external/jquery/jquery.min.js"></script>
<script type="text/javascript" src="external/underscore/underscore-min.js"></script>
<script type="text/javascript" src="community_map.js"></script>
<script>
$.getJSON('config.json', function(configs) {
var widget = FFCommunityMapWidget({
geoJson: configs.geoJSONUrl,
scrollByMousewheel : true,
hideLocationButton: false,
hideLayerControl: false,
hideInfoBox: false
});
});
</script>
</body>
</html>