&引用；几何体超出允许范围“；使用Mapbox GL JS显示多边形时出错_Mapbox_Mapbox Gl Js_Mapbox Gl

&引用；几何体超出允许范围“；使用Mapbox GL JS显示多边形时出错

mapbox

&引用；几何体超出允许范围“；使用Mapbox GL JS显示多边形时出错,mapbox,mapbox-gl-js,mapbox-gl,Mapbox,Mapbox Gl Js,Mapbox Gl,我用Mapbox GL JS from显示多边形，其中每个特征在属性中都有一个额外的字段，名为color。该字段的值定义多边形的颜色我有大约680个特性，但当我运行JavaScript时，我会出现以下错误： Geometry exceeds allowed extent, reduce your vector tile buffer size 我的应用程序有完整的代码： <!DOCTYPE html> <html> <head> <meta

我用Mapbox GL JS from显示多边形，其中每个特征在属性中都有一个额外的字段，名为

color

。该字段的值定义多边形的颜色

我有大约680个特性，但当我运行JavaScript时，我会出现以下错误：

Geometry exceeds allowed extent, reduce your vector tile buffer size

我的应用程序有完整的代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8' />
    <title></title>
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.39.1/mapbox-gl.js'></script>
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.39.1/mapbox-gl.css' rel='stylesheet' />
    <style>
        body { margin:0; padding:0; }
        #map { position:absolute; top:0; bottom:0; width:100%; }
    </style>
</head>
<body>

<div id='map'></div>
<script>
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
      }
    });
});
</script>

</body>
</html>


正文{margin:0；padding:0；}
#映射{位置：绝对；顶部：0；底部：0；宽度：100%；}
mapboxgl.accessToken='mapbox token'；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/streets-v9',
中心：[-74.07231699675322，4.66336863727521]，
缩放：12
});
map.on（'load'，function（）{
map.addSource（'fulfillment'{
'type'：'geojson'，
“数据”：https://gist.githubusercontent.com/vero4karu/b5019c0117876711b6570f188ee9fae8/raw/54c9612d325eaca7e79fda74c405eb019ffdabf4/fulfillment.geojson'
});
map.addLayer({
“id”：“完成多边形”，
“类型”：“填充”，
“来源”：“履行”，
“油漆”：{
“填充颜色”：{
属性：“颜色”，
类型：“标识”
},
“填充不透明度”：0.5
}
});
});

mapbox gl js版本：v0.39.1

Hi@vero4ka，我认为这是该区域的mapbox矢量图块中的一个错误，而不是您的代码中的错误，因为即使您添加的源不存在，也会触发错误。@mollymerp可能是正确的。您可以在链接到此问题的位置打开一个问题。他们可能知道发生了什么。@andi lo这不是mapbox gl js的问题，而是源数据的问题。我在内部打开了一个问题（我在Mapbox工作），所以我们将对此进行调查！谢谢@mollymerp！有一个类似的问题，所以我在那里评论