JSFiddle - React, Tailwind, and code Playground

by winsent

HTML

<link rel="stylesheet" href="//unpkg.com/[email protected]/dist/leaflet.css">
<script src="//unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="//unpkg.com/[email protected]/dist/esri-leaflet.js"></script>
<div id="map"></div>

CSS

body { margin:0; padding:0; }
    #map { position: absolute; top:0; bottom:0; right:0; left:0; }

JavaScript

var map = L.map('map').setView([55.7, 37.6], 8);
// basemap
 L.esri.tiledMapLayer({
    url: "http://apkk5.rosreestr.ru/arcgis/rest/services/BaseMaps/BaseMap/MapServer"
  }).addTo(map);

//label 
 L.esri.tiledMapLayer({
    url:  
  "http://dpkk5.rosreestr.ru/arcgis/rest/services/BaseMaps/Anno/MapServer"
  }).addTo(map);
 
   //cadastre 
L.esri.dynamicMapLayer({
    url: "http://pkk5.rosreestr.ru/arcgis/rest/services/Cadastre/Cadastre/MapServer",
    layers: [0,1,2,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,23,24,29,30,31,32,33,34,35,38,39],
    format: 'PNG32',
    //size:1024,1024
    transparent:true,
    f: 'image'
    
  }).addTo(map);