JSFiddle - React, Tailwind, and code Playground

by copystar

HTML

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

CSS

#map { height: 280px; width: 460px;}

JavaScript

// create a map in the "map" div, set the view to a given place and zoom
var map = L.map('map').setView([42.306,-83.068], 16);

// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);