JSFiddle - React, Tailwind, and code Playground

by wsgrah

HTML

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

CSS

#map {height: 800px;}

JavaScript

L.mapbox.accessToken = 'pk.eyJ1IjoiY2hyaXNnaXN0IiwiYSI6Ik8tS05aV0kifQ.ykwb_9d8AzGUqiyX9eS_Jw';

var mapboxTiles = L.tileLayer('https://{s}.tiles.mapbox.com/v4/chrisgist.vwhtzkt9/{z}/{x}/{y}.png?access_token=' + L.mapbox.accessToken, {
    attribution: '<a href="http://www.mapbox.com/about/maps/" target="_blank">Terms &amp; Feedback</a>'
});

var map = L.map('map').addLayer(mapboxTiles).setView([43.0305,-71.3071], 9);