patbl/Skillshare.im

let map = L.map("map", {
  center: [33, -20],
  zoom: 2
}
);

L.tileLayer("https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png", {
  maxZoom: 18,
  attribution:
    "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors, <a href=\"http://creativecommons.org/licenses/by-sa/2.0/\">CC-BY-SA</a>, Imagery © <a href=\"http://mapbox.com\">Mapbox</a>",
  id: "patbl.hhhi079a"
}
).addTo(map);

let { markerData } = window;
let markers = new L.MarkerClusterGroup();

for (let currentMarkerData of markerData) {
  let { latlng } = currentMarkerData;
  let { popup } = currentMarkerData;
  let icon = L.AwesomeMarkers.icon({
    prefix: "fa",
    icon: currentMarkerData.icon
  });
  let marker = new L.marker(latlng,
    {icon}
  ).bindPopup(popup);
  markers.addLayer(marker);
}

map.addLayer(markers);