国家/地区的悬停效果

Question

所以我是 Mapbox 的新手，但我试图让国家/地区在悬停时改变颜色。我已经看过有关州文档的悬停教程，但我很难找到适合国家/地区的正确类型、数据和来源。我已经将 Mapbox Country v1 从工作室添加到地图中。当我尝试运行此代码时，我发现它找不到源：“country_boundaries”或“country-boundaries”。我知道这很简单，但感谢您的帮助。谢谢。

 var hoveredStateId = null;
 
map.on('load', function () {
==>>map.addSource('states', {
==>>'type': 'geojson',
==>>'data': 'https://docs.mapbox.com/mapbox-gl-js/assets/us_states.geojson'
});

map.addLayer({
'id': 'state-fills',
==>>'type': 'fill',
==>>'source': 'states',
'layout': {},
'paint': {
'fill-color': '#627BC1',
'fill-opacity': [
'case',
['boolean', ['feature-state', 'hover'], false],
1,
0.5
]
}
});
 
map.addLayer({
'id': 'state-borders',
==>>'type': 'line',
==>>'source': 'states',
'layout': {},
'paint': {
'line-color': '#627BC1',
'line-width': 2
}
});