JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://moonlite.github.com/Leaflet.MultiTileLayer/scripts/lib/Leaflet/dist/leaflet-src.js"></script>
<link rel="stylesheet" href="http://moonlite.github.com/Leaflet.MultiTileLayer/scripts/lib/Leaflet/dist/leaflet.css">
<div id='amap' style="width:500px;height:500px;"></div>

<!-- Zoom in a couple of levels! -->

JavaScript

var map = new L.Map('amap', {
    center: new L.LatLng(45.50144, -122.67599),
    zoom: 4,
    minZoom: 0,
    maxZoom: 18,
    layers: [
        L.tileLayer('https://gov-test.47rnic.ru/tms/1.0.0/ru/{z}/{x}/{y}.png', {
        maxZoom: 13,
        minZoom: 0,
        attribution: 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
        key: 'BC9A493B41014CAABB98F0471D759707'
    }),
        L.tileLayer('http://server.arcgisonline.com/ArcGIS/' + 'rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
        minZoom: 14,
        maxZoom: 18,
        attribution: 'Tiles © Esri — ' 
            + 'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, ' 
            + 'Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'})
    ]
});