JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<div id="map" style="width: 500px; height: 400px; margin-top:10px;"></div>

JavaScript

$(document).ready(function () {
    Window.map = L.map('map').setView([48.812199, 11.501052], 9);
    L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', {
        attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>'
    }).addTo(Window.map);
    var arrayOfLatLngs = [];
    var marker = L.marker([48.812199, 11.501052]).addTo(Window.map);
    arrayOfLatLngs.push([48.812199, 11.501052]);
    var marker = L.marker([48.776863, 11.37539]).addTo(Window.map);
    arrayOfLatLngs.push([48.776863, 11.37539]);
    var marker = L.marker([48.822359, 11.461389]).addTo(Window.map);
    arrayOfLatLngs.push([48.822359, 11.461389]);
    var marker = L.marker([48.764938, 11.426105]).addTo(Window.map);
    arrayOfLatLngs.push([48.764938, 11.426105]);
    var marker = L.marker([48.766956, 11.442253]).addTo(Window.map);
    arrayOfLatLngs.push([48.766956, 11.442253]);
    var bounds = new L.LatLngBounds(arrayOfLatLngs);
    Window.map.fitBounds(bounds); // Zentrieren und Zoom optimal
    // Window.map.setZoom(11); //this works, but not fir Bounds

});