<!DOCTYPE html>
<html>
    <head>
        <title>Leaflet 0.7.7</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" rel="stylesheet" href="//cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
        <link type="text/css" rel="stylesheet" href="index.css" />
    </head>
    <body>
        <div id="leaflet"></div>
        <script type="text/javascript" src="//cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
        <script type="text/javascript" src="index.js"></script>
    </body>
</html>
new L.Map('leaflet', {
    'center': [0, 0],
    'zoom': 0,
    'layers': [
        L.tileLayer('http://{s}.tile.stamen.com/toner-lite/{z}/{x}/{y}.png', {
            attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.'
        })
    ]
}).fitBounds([
    [42.00946, -114.130836],
    [32.53429, -124.409622]
]);
body {
    margin: 0;
}

html, body, #leaflet {
    height: 100%;
}