JSFiddle - React, Tailwind, and code Playground

by Alexey Valikov

HTML

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

CSS

#map {
  height: 500px;
}

JavaScript

mapboxgl.accessToken = 'pk.eyJ1Ijoib3JsZXNzIiwiYSI6ImNqbWpqOGRhbTBlenYzd3BmcWFwdG8yYW8ifQ.5L0b8JC2bU3y_SnOK7SCKg';

 var map = new mapboxgl.Map({
   container: 'map',
   style: 'mapbox://styles/mapbox/streets-v9',
   center: [8.681569, 50.113511],
   zoom: 13,
   transformRequest: function (url, resourceType) {
       alert("transformRequest");
				console.log("transformRequest");
				console.log("URL:" + url);
				console.log("resourceType:" + resourceType);
			}
 });