Leaflet template

by Adam Snyder

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.css">
<div id="map"></div>

CSS

#map {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

JavaScript

var map = L.map(document.getElementById('map'), {
	center: [30, 0],
	zoom: 2
});

var tile = L.tileLayer(
	'https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', {
  	subdomains: 'abcd',
    maxZoom: 19
});

map.addLayer(tile);