JSFiddle - React, Tailwind, and code Playground

by Mladen Petrovic

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css">
<div id="map">

CSS

body {
    padding: 0;
    margin: 0;
}
html, body, #map {
    height: 100%;
}
.leaflet-label-pane {
    pointer-events: none;
}

JavaScript

// initialize the map on the "map" div with a given center and zoom
var map = L.map('map', {
    center: [39, -98],
    zoom: 5
});

var nexrad = L.tileLayer.wms("http://wxs.ign.fr/wnow33wqimoktpt0unhgwo0m/inspire/v/wms", {
    layers: 'BU.Building,TN.RoadTransportNetwork,TN.RailTransportNetwork,AD.Address',
    format: 'image/png',
    transparent: false,
    attribution: "IGN ©"
}).addTo(map);