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:800px; height:800px"></div>

JavaScript

function getCloudMadeUrl(styleId) {
    return 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/' + styleId + '/256/{z}/{x}/{y}.png';
}
var cloudmadeAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
    cloudmade = new L.TileLayer(getCloudMadeUrl(997), {attribution: cloudmadeAttribution}),
    cloudmade2 = new L.TileLayer(getCloudMadeUrl(998), {attribution: 'Hello world'});

var map = new L.Map('map').addLayer(cloudmade).setView(new L.LatLng(50.5, 30.51), 15);


var marker = new L.Marker(new L.LatLng(50.5, 30.505));
map.addLayer(marker);

marker.bindPopup('<img alt="" class="photo mini img-polaroid" data-id="1227" src="https://www.filepicker.io/api/file/w0sGrRvEQRWpion7oxfK/convert?w=190&amp;h=190&amp;fit=crop"><img alt="" class="photo mini img-polaroid" data-id="1228" src="https://www.filepicker.io/api/file/yDqChepyS3WI94QIHKr8/convert?w=190&amp;h=190&amp;fit=crop"><img alt="" class="photo mini img-polaroid" data-id="1229" src="https://www.filepicker.io/api/file/ChwXBVIiRJWbMbdJ5Cce/convert?w=190&amp;h=190&amp;fit=crop"><img alt="" class="photo mini img-polaroid" data-id="1230" src="https://www.filepicker.io/api/file/pihFVKaORfibj6PNVYWm/convert?w=190&amp;h=190&amp;fit=crop">', {maxWidth: 300, minWidth: 100, maxHeight: 160, autoPan: true, closeButton: true, autoPanPadding: [5, 5]});

marker.openPopup();