JSFiddle - React, Tailwind, and code Playground

by jcreamer898

HTML

<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.js"></script>
<link rel="stylesheet" href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.css">
<div id="map">
</div>

CSS

body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }

JavaScript

mapboxgl.accessToken = 'pk.eyJ1IjoibG9uZWx5cGxhbmV0IiwiYSI6Imh1ODUtdUEifQ.OLLon0V6rcoTyayXzzUzsg';
var map = new mapboxgl.Map({
    container: 'map', // container id
    style: 'mapbox://styles/lonelyplanet/cinjctksr001eadnivteity9a', //stylesheet location
    center: [-74.50, 40], // starting position
    zoom: 9 // starting zoom
});