JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://api.tiles.mapbox.com/mapbox.js/v1.0.2/mapbox.css">
<script src="http://api.tiles.mapbox.com/mapbox.js/v1.0.2/mapbox.js"></script>
<div id='map-ui'> 
    <a> test</a></div>
<div id='map'></div>

terrlakjdsjflkjlfjsjfls

CSS

body {
    margin:0;
    padding:0;
}
#map {
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
}
.state {
    position: absolute;
    right: 10px;
    z-index: 100;
    padding: 5px;
    background: #fff;
}
#show {
    top: 75px;
}
#hide {
    top: 120px;
}

JavaScript

var map = L.mapbox.map('map', 'examples.map-zr0njcqy');
map.markerLayer.setGeoJSON('http://theunitedstates.io/districts/cds/2012/NY-1/shape.geojson');
map.markerLayer.setGeoJSON('http://theunitedstates.io/districts/cds/2012/NY-1/shape.geojson');