JSFiddle - React, Tailwind, and code Playground

by Michel Beloshitsky

HTML

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

CSS

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

JavaScript

var map = new mapboxgl.Map({
            container: 'map',
            style: 'https://maputnik.github.io/osm-liberty/style.json',
            center: [8.5456, 47.3739],
            zoom: 11
        });