Mapbox GL JS addLayer'；来源'；

我在显示和切换图层时遇到困难。我遵循了教程：https://www.mapbox。com/mapbox gl js/example/toggle层/

从教程和其他帮助文档中，我不清楚应该使用什么值。我的所有数据和样式都是使用Mapbox Studio创建的。我对addLayer“source”、“source layer”和addSource的不同值感到困惑

在这个帮助文件中：-它没有提到addSource，表明它根本不需要，但是当我从代码中排除它时，它不能正确显示地图图层-为什么

你可以在这里看到我的地图：

---

有人能具体解释一下我做错了什么吗？

您不需要再次添加该层，因为您已经在mapbox studio中添加了该层

应使用在mapbox studio中提供的图层名称来显示和隐藏它们

由于您在mapbox studio中将天堂花园层命名为hg，因此此处必须使用相同的名称

mapboxgl.accessToken='pk.eyj1ijoizgfuawlzacisimeioj5dzjfm19rin0.s8dcoh767tjpuznjaakaw'；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/daniish/cj1m2ndxd001j2spd09ne38vm',
缩放：14.5，
中间：[1.2964,52.6291]
});
var toggleableLayerIds=['hg'，'churchards']；
对于（变量i=0；i

#菜单{
背景：#fff；
位置：绝对位置；
z指数：1；
顶部：10px；
右：10px；
边界半径：3px；
宽度：120px；
边框：1px实心rgba（0,0,0,0.4）；
字体系列：“开放式Sans”，无衬线；
}
#菜单a{
字体大小：13px；
颜色：#404040；
显示：块；
保证金：0；
填充：0；
填充：10px；
文字装饰：无；
边框底部：1px实心rgba（0,0,0,0.25）；
文本对齐：居中；
}
#菜单a：最后一个孩子{
边界：无；
}
#菜单a：悬停{
背景色：#F8；
颜色：#404040；
}
#菜单a.active{
背景色：#3887be；
颜色：#ffffff；
}
#菜单a.活动：悬停{
背景：#3074a4；
}
正文{margin:0；padding:0；}
#映射{位置：绝对；顶部：0；底部：0；宽度：100%；}

---

感谢您提供此解决方案。