@joakimono/echarts-extension-leaflet/src/lmap.js

Leaflet map extension for Apache ECharts 5 & 6

/**
 * Leaflet component extension
 */

import LeafletCoordSys from './LeafletCoordSys';
import LeafletModel from './LeafletModel';
import LeafletView from './LeafletView';

function install(registers) {

  // Pie series center conversion for custom coordinate systems
  // Native echarts pie coordinateSystem support has issues with custom coord sys center conversion
  registers.registerLayout(function(ecModel) {
    ecModel.eachSeriesByType('pie', function (seriesModel) {
      const coordSys = seriesModel.coordinateSystem;
      const data = seriesModel.getData();
      const valueDim = data.mapDimension('value');
      if (coordSys && coordSys.type === 'lmap') {
        const center = seriesModel.get('center');
        const point = coordSys.dataToPoint(center);
        const cx = point[0];
        const cy = point[1];
        data.each(valueDim, function (_value, idx) {
          const layout = data.getItemLayout(idx);
          layout.cx = cx;
          layout.cy = cy;
        });
      }
    });
  });

  registers.registerComponentModel(LeafletModel);
  registers.registerComponentView(LeafletView);
  registers.registerCoordinateSystem('lmap', LeafletCoordSys);

  // Action
  registers.registerAction(
    {
      type: 'lmapRoam',
      event: 'lmapRoam',
      update: 'updateLayout'
    },
    function(payload, ecModel) {
      ecModel.eachComponent('lmap', function(lmapModel) {
        const lmap = lmapModel.getLeaflet();
        const center = lmap.getCenter();
        lmapModel.setCenterAndZoom([center.lat, center.lng], lmap.getZoom());
      });
    }
  );
}

export {install as LeafletComponent}