Geojson数据不会在Mapbox gl js上呈现（尽管它在Mapbox studio上工作）

我正在尝试将geojson文件作为覆盖加载到mapbox上。我怀疑它在mapbox studio上工作，因为它在生成覆盖之前将其转换为向量tileset。如何获取此代码以显示我在此处拥有的电网数据？它应该在东爱尔兰上空展示

添加GeoJSON多边形
正文{margin:0；padding:0；}
#映射{位置：绝对；顶部：0；底部：0；宽度：100%；}
mapboxgl.accessToken='pk.eyj1ijoicnlhbmvuawfuiiiiiii6imnqeg9rew0wbza3zmwzaha3zgrlngjhy3uifq.IkI_4dMSNOWgdm7d1ReS6A'；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/satellite-v9',
中间：[-7.62,53.3]，
缩放：9
});
map.on（'load'，function（）{
map.addSource（'scmpd-distinct-polygons'{
键入：“geojson”，
数据：'http://www.tilix.uk.s3.amazonaws.com/enian/posm-data/DI/DIct.geojson'
});
map.addLayer({
'id'：'distinct layer'，
“类型”：“行”，
“来源”：“scmpd辖区多边形”，
“布局”：{}，
“油漆”：{
“填充颜色”：“088”，
“填充不透明度”：0.8
}
});
});

您有一个语法错误。确保您的引号是平衡的：）

应该是：

    mapboxgl.accessToken = 'pk.eyJ1IjoicnlhbmVuaWFuIiwiYSI6ImNqeG9reW0wbzA3ZmwzaHA3ZGRlNGJhY3UifQ.IkI_4dMSNOWgdm7d1ReS6A';

---

你有一个语法错误。确保您的引号是平衡的：）

应该是：

    mapboxgl.accessToken = 'pk.eyJ1IjoicnlhbmVuaWFuIiwiYSI6ImNqeG9reW0wbzA3ZmwzaHA3ZGRlNGJhY3UifQ.IkI_4dMSNOWgdm7d1ReS6A';

---

图层类型为“线”，但您已设置“填充绘制”属性？我会检查文件

图层类型为“线”，但您是否已设置“填充绘制”属性？我会检查文件

不幸的是，这并没有解决我的问题。请看这里更新的问题：不幸的是，这并没有解决我的问题。请看这里更新的问题：这也没有解决我的问题。我相信问题可能是我的脚本无法读取geojson文件，但当我将geojson数据全部复制到html文件中时，它会工作。我想我指的是对的。让我更新我的问题请看这里的问题更新版本：这也没有解决我的问题。我相信问题可能是我的脚本无法读取geojson文件，但当我将geojson数据全部复制到html文件中时，它会工作。我想我指的是对的。让我更新我的问题。请在此处查看问题的更新版本：