JSFiddle - React, Tailwind, and code Playground

by wsgrah

HTML

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

CSS

#map {
    width: 600px;
    height: 400px;
}

JavaScript

var map = L.map('map').setView([38.039, -78.5055], 8);	

var odk_wms = new L.TileLayer.WMS("http://geoserving.net/geoserver/odk/wms", {
    layers: 'odk:bryans_survey',
    format: 'image/png',
    transparent: true
}).addTo(map);

var odk_wms2 = new L.TileLayer.WMS("http://gis.lib.virginia.edu:8080/geoserver/wms", {
    layers: 'jefferson:jefferson-map',
    format: 'image/png',
    transparent: true
}).addTo(map);
/**
var j = new L.TileLayer.WMS("http://gis.lib.virginia.edu:8080/geoserver/jefferson/wms", {
    layers: 'jefferson:jefferson-map',
    format: 'image/png',
    transparent: true
}).addTo(map);

 var jefferson = L.tileLayer.wms(
    'http://gis.lib.virginia.edu:8080/geoserver/jefferson/wms/',
    {
        layers: 'jefferson:jefferson-map',
      format: 'image/png',
      //continuousWorld: true,
      transparent: true,
      attribution: "University of Virginia",
      //crs: L.CRS.EPSG4326,
      version: '1.1.0'
    }
    );

L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', {
			maxZoom: 18,
			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>'
}).addTo(map);
*/