title: "Geometry exceeds allowed extent" error on displaying polygons with Mapbox GL JS
body: <p>I'm displaying polygons with Mapbox GL JS from <a href="https://gist.github.com/vero4karu/b5019c0117876711b6570f188ee9fae8#file-fulfillment-geojson" rel="nofollow noreferrer">GeoJSON</a>, where each feature has an extra field in properties called <code>color</code>. The value of that field defines the color of a polygon.</p>
  
  <p>I have about 680 features, but when I'm running the JavaScript I get the following error:</p>
  
  <pre><code>Geometry exceeds allowed extent, reduce your vector tile buffer size
  </code></pre>
  
  <p>There is complete code of my app:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset='utf-8' /&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /&gt;
      &lt;script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.39.1/mapbox-gl.js'&gt;&lt;/script&gt;
      &lt;link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.39.1/mapbox-gl.css' rel='stylesheet' /&gt;
      &lt;style&gt;
          body { margin:0; padding:0; }
          #map { position:absolute; top:0; bottom:0; width:100%; }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id='map'&gt;&lt;/div&gt;
  &lt;script&gt;
  mapboxgl.accessToken = 'mapbox-token';
  var map = new mapboxgl.Map({
      container: 'map',
      style: 'mapbox://styles/mapbox/streets-v9',
      center: [-74.07231699675322, 4.66336863727521],
      zoom: 12
  });
  
  map.on('load', function () {
      map.addSource('fulfillment', {
        'type': 'geojson',
        'data': 'https://gist.githubusercontent.com/vero4karu/b5019c0117876711b6570f188ee9fae8/raw/54c9612d325eaca7e79fda74c405eb019ffdabf4/fulfillment.geojson'
      });
  
      map.addLayer({
        "id": "fulfillment-polygon",
        "type": "fill",
        "source": "fulfillment",
        "paint": {
          "fill-color": {
            property: 'color',
            type: 'identity'
          },
          "fill-opacity": 0.5
        }
      });
  });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>mapbox-gl-js version: <strong>v0.39.1</strong></p>