<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//cdn.leafletjs.com/leaflet-0.7.5/leaflet.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="leaflet"></div>
<script type="text/javascript" src="//cdn.leafletjs.com/leaflet-0.7.5/leaflet.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
var map = new L.Map('leaflet', {
'center': [0, 0],
'zoom': 1,
'minZoom': 1,
'maxBounds': [
[90,-180],
[-90, 180]
],
'layers': [
L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, © <a href="http://cartodb.com/attributions">CartoDB</a>',
noWrap: true
})
]
})
body {
margin: 0;
}
#leaflet {
width: 512px;
height: 512px;
}