mapbox-gl mask

by maciejgurban

HTML

<script src="https://npmcdn.com/@turf/[email protected]/turf.min.js"></script>
<link rel="stylesheet" href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.28.0/mapbox-gl.css">
<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.28.0/mapbox-gl.js"></script>
<div style="display: flex">
  <div style="flex: 1; min-width: 300px;">
    Lorem ipsum
  </div>
      <div style="flex: 1">
      Another lorem ipsum
    </div>
</div>

CSS

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