$(document).ready ->
  $('.maps #map').each ->
    map = L.map('map').setView [46.5, 4], 6

    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',
      attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a>'
    ).addTo map

    $.getJSON '/maps.json', (json) ->
      L.geoJson(json,
        onEachFeature: (feature, layer) ->
          # Does this feature have a property named popupContent?
          if (feature.properties && feature.properties.popupContent)
              layer.bindPopup(feature.properties.popupContent)
      ).addTo map


  $('.events #map, .moderations #map').each ->
    coord = [$(this).attr('latitude'), $(this).attr('longitude')]

    map = L.map('map').setView [coord[0], coord[1]], 16

    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',
      attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a>'
    ).addTo map

    $.getJSON '/maps.json', (json) ->
      L.geoJson(json,
        onEachFeature: (feature, layer) ->
          # Does this feature have a property named popupContent?
          if (feature.properties && feature.properties.popupContent)
              layer.bindPopup(feature.properties.popupContent)
      ).addTo map

    marker = L.marker([coord[0], coord[1]]).addTo map