JSFiddle - React, Tailwind, and code Playground

by rsaccon

HTML

<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.3.0/mapbox-gl.js"></script>
<link rel="stylesheet" href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.3.0/mapbox-gl.css">
<script src="https://dl.dropboxusercontent.com/u/10540192/ember/vendor.js"></script>
<div id='map'></div>

CSS

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

JavaScript

mapboxgl.accessToken = 'pk.eyJ1IjoicnNhY2NvbiIsImEiOiI2ZlFMQ3RNIn0.nlagdUdU9co1qZF5LsjXYA';
var map = new mapboxgl.Map({
  container: 'map', // container id
  style: 'https://www.mapbox.com/mapbox-gl-styles/styles/outdoors-v5.json', //stylesheet location
  center: [40, -74.50], // starting position
  zoom: 9 // starting zoom
});