Trató de implementar la solución para dibujar un polígono a partir de datos externos como se muestra en https://jsfiddle.net/zxaktouy/1/ pero aparece el error: Los datos de entrada proporcionados a 'frag15' no son un objeto GeoJSON válido.

Mi método JS:

 drawFragment : function(pFRAGMENT) { const wPolygon = pFRAGMENT.coordinates; console.log("drawFragment: Coords="+wPolygon); wSourceId = "frag"+pFRAGMENT.id; wFillId = "fragfill"+pFRAGMENT.id; wOutlineId = "fragoutline"+pFRAGMENT.id; map.addSource(wSourceId,{ 'type': 'geojson', 'data': { 'type': 'Feature', 'geometry': { 'type': 'Polygon', 'coordinates': [ wPolygon ] } } }); // Add a new layer to visualize the polygon. map.addLayer({ 'id': wFillId, 'type': 'fill', 'source': wSourceId, // reference the data source 'layout': {}, 'paint': { 'fill-color': '#00ff80', // green color fill 'fill-opacity': 0.5 } }); // Add a black outline around the polygon. map.addLayer({ 'id': wOutlineId, 'type': 'line', 'source': wSourceId, 'layout': {}, 'paint': { 'line-color': '#0d0', 'line-width': 2 } }); },

Y los datos pasados (perfectamente mostrados a través de console.log) se ven así:

 [[8.543590974130666,47.377830192117756], [8.543641551219707,47.37784384335191], [8.543634914341965,47.37789513281288], [8.543582309906242,47.37791046432616], [8.543590974130666,47.377830192117756]]

cuando reemplazo el "wPolygon" simplemente copiando y pegando los datos en el código, todo funciona bien.