Mapbox GL-JS：向多边形添加图案

我正紧跟着这个示例向多边形添加图案。我只是简单地获取了他们的代码，并使用onClick事件将其添加到地图中。这是非常简单和基本的。不过，我不知道如何使用自己的数据。它们使用手动输入的坐标。我希望使用我自己的本地JSON文件。我该怎么做？下面是我的代码：（它是从Mapbox教程中复制/粘贴的，但这是我实际使用的代码）

那么，我如何使用自己的数据呢？我已经尝试了下面的方法和许多（10+）的变体，但我无法实现。下面只是我尝试做的一个例子

map.addSource('source', {
"type": "geojson",
"data": {
"type": "Feature",
"properties": {},
"geometry": {
"type": "Polygon",
"data": "folder/sample.json"
 },

}
}
});

map.addSource（'source'{ “类型”：“geojson”， “数据”：“folder/sample.json” });

请参见地图.addSource（'source'）{ “类型”：“geojson”， “数据”：“folder/sample.json” });

看

map.addSource('source', {
"type": "geojson",
"data": {
"type": "Feature",
"properties": {},
"geometry": {
"type": "Polygon",
"data": "folder/sample.json"
 },

}
}
});