text: /* global document */
  import * as React from 'react';
  import {render} from 'react-dom';
  import Map, {Marker} from 'react-map-gl';
  
  import 'mapbox-gl/dist/mapbox-gl.css';
  
  const MAPBOX_TOKEN = ''; // Set your mapbox token here
  
  function Root() {
    return (
      <Map
        initialViewState={{
          latitude: 37.8,
          longitude: -122.4,
          zoom: 14
        }}
        style={{width: 800, height: 600}}
        mapStyle="mapbox://styles/mapbox/streets-v9"
        mapboxAccessToken={MAPBOX_TOKEN}
      >
        <Marker longitude={-122.4} latitude={37.8} color="red" />
      </Map>
    );
  }
  
  render(<Root />, document.body.appendChild(document.createElement('div')));
  