Compatibility Issue with Mapbox in React using ECharts

[kartiksyal21]

Integrating ECharts with Mapbox in React applications is not working as expected. Despite configuring geo.map with mapbox, the map does not render properly or fails silently. The lack of compatibility makes it difficult to create advanced map visualizations with Mapbox and ECharts in React environments

Steps to Reproduce

1. Install echarts and mapbox-gl.
2. Use the following geo configuration in an ECharts option:

   geo: {
       map: 'mapbox',
       mapbox: {
           style: 'mapbox://styles/mapbox/streets-v11',
           center: [-95.7129, 37.0902],
           zoom: 3,
       },
   },
   series: [
       {
           type: 'scatter',
           coordinateSystem: 'geo',
           data: [[-95.7129, 37.0902]],
           symbolSize: 10,
       },
   ],

3. Render the chart in a React component using echarts-for-react.
4. Mapbox map does not render and produces errors in the console.

---

Mapbox integration with ECharts is either broken or not functioning properly in React applications.