Leaflet minimal map with Foursquare layer

by jsanz

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<div id="map"></div>

CSS

#map { 
    height: 900px; 
}

JavaScript

// Create the map
var map = L.map('map').setView([39.5, -0.5], 5);

// Set up the OSM layer
L.tileLayer(
    'https://{s}.tiles.mapbox.com/v3/foursquare.meku766r/{z}/{x}/{y}.png', 
    {maxZoom: 18}).addTo(map);