JSFiddle - React, Tailwind, and code Playground

by kcivey

HTML

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

JavaScript

var map = L.map('map', {center: [38.907,-77.04041], zoom: 16}),
    apiKey = '319463fa0375445d9659b76e099b3a24',
    tileLayerOptions = {
        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>',
        maxZoom: 18,
        style: 998
    },
    tileLayerUrlTemplate = 'http://{s}.tile.cloudmade.com/' + apiKey + '/{style}/256/{z}/{x}/{y}.png';

L.tileLayer(tileLayerUrlTemplate, tileLayerOptions).addTo(map);
L.circleMarker([38.90962,-77.04341], {radius: 50}).addTo(map);