Twitter Heatmap Visualization body, html { margin:0; padding:0; height:100%;} body { font-family:sans-serif; } body * { font-weight:200;} h1 { position:absolute; background:white; padding:10px;} #map { height:100%; } .leaflet-container { background: rgba(0,0,0,.8) !important; } Twitter Heatmap Visualization (function() { $.getJSON("points.json") .done(function(dataPoints) { var baseLayer = L.tileLayer( 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: 'Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © CloudMade', maxZoom: 18 } ); var cfg = { // radius should be small ONLY if scaleRadius is true (or small radius is intended) " Continue Reading »