Hace poco me encontré con un problema en el que cargaba secuencias de comandos de ArcGIS y secuencias de comandos de Google Charts. Estoy construyendo un sitio web donde necesito que ambos trabajen en la misma página. Sin embargo, no he sido capaz de llegar a una solución.

Mi código es simple y de la siguiente manera:

 <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://js.arcgis.com/4.23/" defer></script> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <div id="sankey_basic" style="width: 900px; height: 300px;"></div> <script> $(document).ready(function(){ google.charts.load('current', {'packages':['sankey']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('string', 'From'); data.addColumn('string', 'To'); data.addColumn('number', 'Weight'); data.addRows([ [ 'A', 'X', 5 ], [ 'A', 'Y', 7 ], [ 'A', 'Z', 6 ], [ 'B', 'X', 2 ], [ 'B', 'Y', 9 ], [ 'B', 'Z', 4 ] ]); // Sets chart options. var options = { width: 600, }; // Instantiates and draws our chart, passing in some options. var chart = new google.visualization.Sankey(document.getElementById('sankey_basic')); chart.draw(data, options); } }); </script>

Configuré un CodePen en https://codepen.io/bryant-essense/pen/YzeZrOp , https://codepen.io/bryant-essense/pen/YzeZrOp para replicar el problema.

Observe el mensaje "d3.sankey no es una función", sin embargo, cuando elimina o descomenta el archivo de secuencia de comandos de ArcGIS, Google Charts funciona correctamente.

Cuando obtengo un gráfico ArcGIS aleatorio, parece que ambos scripts (ArcGIS y Google Charts) están extrayendo bibliotecas d3.js,

La consola produce los siguientes errores:

Mirando más a fondo el problema, me encuentro con este enlace: https://community.esri.com/t5/arcgis-api-for-javascript-questions/multipledefine-error-in-dojoloader/td-p/714961 .

Parece que podemos asignar alias, no estoy muy familiarizado con la biblioteca y los módulos dojo.js, por lo que se agradece cualquier ayuda con este asunto.