Leaflet map
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css">
<div id="map"></div>
CSS
html,body{
width:100%;
height:100%;
padding:0;
margin:0;
}
#map{
width:100%;
height:100%;
}
JavaScript
var map = L.map('map').setView([55.75222, 37.61556 ], 6);
var carto = L.tileLayer('http://localhost:8090/osm/{z}/{x}/{y}.png', {
maxZoom: 18
}).addTo(map);
var osmbright = L.tileLayer('http://localhost:8090/osmb/{z}/{x}/{y}.png', {
maxZoom: 18
}).addTo(map);
L.control.layers({
'OSM Carto': carto,
'OSM Bright': osmbright
}).addTo(map);