JSFiddle - React, Tailwind, and code Playground

by aidankirrane

HTML

<script src="http://leaflet.cloudmade.com/dist/leaflet.js"></script>
<link rel="stylesheet" href="http://leaflet.cloudmade.com/dist/leaflet.css">
<div id="map"></div>

CSS

html, body, #map {
    padding: 0;
    margin: 0;
    height: 100%;
}

JavaScript

var map = new L.Map('map', {crs: L.CRS.EPSG4326});

map.fitWorld();


var tiles = new L.TileLayer("http://labs.metacarta.com/wms-c/Basic.py/1.0.0/basic/{z}/{x}/{y}.png", {tms:true});

map.addLayer(tiles);
map.addLayer(new L.Marker(map.getCenter()));