joshua/dash-docs
1
0
Fork 0
mirror of https://github.com/seigler/dash-docs synced 2025-07-27 01:36:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Display events on a map using OpenStreetMap

Browse source
This commit is contained in:
Saivann 2014-02-09 15:18:42 -05:00
parent 5865f5faf0
commit dfd44bac21
27 changed files with 1144 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

24
_templates/events.html
View file

@ -5,6 +5,29 @@ id: events
<link rel="alternate" type="application/rss+xml" href="/en/rss/events.rss" title="Bitcoin conferences and events">
<h1>{% translate pagetitle %}<a type="application/rss+xml" href="/en/rss/events.rss"><img src="/img/icon_rss.svg" alt="rss" class="rssicon"></a></h1>
<p class="summary">{% translate pagedesc %}</p>
<link rel="stylesheet" type="text/css" href="/js/leaflet/leaflet.css" />
<link rel="stylesheet" type="text/css" href="/js/leaflet-markercluster/MarkerCluster.css" />
<link rel="stylesheet" type="text/css" href="/js/leaflet-markercluster/MarkerCluster.Default.css" />
<script src="/js/leaflet/leaflet.js"></script>
<script src="/js/leaflet-markercluster/leaflet.markercluster.js"></script>
<div id="eventmap" class="eventmap"></div>
<script>
var zoom=2;
if(/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))zoom=0;
var map = L.map('eventmap').setView([20.00, 6.00], zoom);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: 'Data &copy; by <a href="http://www.openstreetmap.org/copyright">OpenStreetMap contributors</a>.',
maxZoom: 18
}).addTo(map);
var markers = new L.MarkerClusterGroup({showCoverageOnHover: false, maxClusterRadius: 20});
{% filter_for p in site.pages sort_by:date category:event %}{% if p.geoloc != 'false' %}
L.marker([{{ p.geoloc }}]).bindPopup('<b><a href="{{ p.link }}">{{ p.title }}</a></b><br>{{ p.date }}<br>{{ p.venue }}<br>{{ p.address }}<br>{{ p.city }}, {{ p.country }}').addTo(markers);
{% endif %}{% endfilter_for %}
map.addLayer(markers);
</script>
<ul>
{% filter_for p in site.pages sort_by:date category:event %}
<li>
@ -12,6 +35,7 @@ id: events
</li>
{% endfilter_for %}
</ul>
<ul>
<li>{% translate meetupgroup %}</li>
<li>{% translate meetupbitcointalk %}</li>