Leaflet.label

by Kyle Pennell

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
<script src="http://leaflet.github.io/Leaflet.label/leaflet.label-src.js"></script>
<link rel="stylesheet" href="http://leaflet.github.io/Leaflet.label/leaflet.label.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap.min.css">
<link rel="stylesheet" href="http://watson.lennardvoogdt.nl/Leaflet.awesome-markers/dist/leaflet.awesome-markers.css">
<script src="http://watson.lennardvoogdt.nl/Leaflet.awesome-markers/dist/leaflet.awesome-markers.js"></script>
<div id="map"></div>

CSS

#map {
    height: 640px;
}

JavaScript

var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
    cloudmade = new L.TileLayer(cloudmadeUrl, {
        maxZoom: 18
    }),
    map = new L.Map('map', {
        layers: [cloudmade],
        center: new L.LatLng(17.059417, -96.721622),
        zoom: 9
    });

var data = {
    "type": "FeatureCollection",
    "features": [{
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-96.7587967", "17.1174164"]
        },
        "properties": {
            "Date": "Nov 1",
            "Location": "Oaxaca Panteon",
            "Terrain": "City",
            "Difficulty": "Easy"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-97.1377792", "17.6514606"]
        },
        "properties": {
            "Date": "3/4/2014",
            "Location": "Apoala",
            "Terrain": "Countryside",
            "Difficulty": "Difficult"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-96.7701721", "17.0921402"]
        },
        "properties": {
            "Date": "Dec 13",
            "Location": "Atzompa",
            "Terrain": "Archeological",
            "Difficulty": "Moderate"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-97.6729431", "16.2861195"]
        },
        "properties": {
            "Date": "Dec 20",
            "Location": "La Cumbre",
            "Terrain": "Mountain",
            "Difficulty": "Moderate"
        }
    }, {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": ["-95.4574127", "16.4325542"]
        },
        "properties": {
            "Date": "Dec 27",
            "Location": "Jalapa del Valle ",
            "Terrain": "Countryside",
           ...