gig-map.html

---
title: Every gig we've ever played
---

<div id='gig-map' class='gig-map'></div>

<script>
  map = L.map('gig-map').setView(
    [
      51.50979,
      -0.13204
    ],
    10
  );

  L.tileLayer.provider('Stamen.Watercolor').addTo(map)
  L.tileLayer.provider('Stamen.TonerLabels').addTo(map)

  $.ajax({
    headers: {
      Accept: 'application/vnd.geo+json'
    },
    url: 'http://data.rawfunkmaharishi.uk/gigs',
    dataType: 'json'
  }).done(function(data) {
    L.geoJson(data, {
      onEachFeature: onEachFeature
    }).addTo(map)
  })

  function onEachFeature(feature, layer) {
    s = '<div class="gig-popup">'
    s += feature.properties.name
    s += '<hr />'

    $.each(feature.properties.gigs, function(index, gig) {
      s += '<a href="' + gig.url + '">'
      s += moment(gig.date).format('Do MMMM YYYY')
      s += '</a>'
      s += '<br />'
    })

    s += '</div>'

    layer.bindPopup(s)
  }
</script>