Chroropleth Leaflet example

HTML

<script src="http://leafletjs.com/dist/leaflet.js"></script>
<script src="http://leafletjs.com/examples/us-states.js"></script>
<link rel="stylesheet" href="http://leafletjs.com/dist/leaflet.css">
<div id="map"></div>

CSS

#map {
			width: 800px;
			height: 500px;
		}

JavaScript

var map = L.map('map').setView([37.8, -96], 4);

	
var osm = L.tileLayer('http://a.tile.openstreetmap.org/{z}/{x}/{y}.png',{
    minZoom:0,
    maxZoom:5
});
    osm.addTo(map);

var mapBox = L.tileLayer('https://{s}.tiles.mapbox.com/v3/examples.map-i86knfo3/{z}/{x}/{y}.png',{
    subdomains:"abc",
    attribution:"",
    minZoom:5,
    maxZoom:22, 
    opacity : 0.8
});


    mapBox.addTo(map);