记录使用echarts-gl实现3d地图

要使用echarts-gl实现3d地图，需要先引入echarts和echarts-gl库，并在初始化echarts实例时指定使用echarts-gl。然后，需要准备好地图的数据和样式，包括地图的底图、标记点、线条等。最后，将数据和样式配置到echarts实例中即可。

以下是一个简单的示例代码：

// 引入echarts和echarts-gl库
import echarts from 'echarts';
import 'echarts-gl';

// 初始化echarts实例并指定使用echarts-gl
const chart = echarts.init(document.getElementById('chart'), null, {
  renderer: 'webgl'
});

// 准备地图数据和样式
const option = {
  globe: {
    baseTexture: 'path/to/baseTexture.jpg',
    heightTexture: 'path/to/heightTexture.jpg',
    displacementScale: 0.1,
    shading: 'realistic',
    environment: 'path/to/environment.jpg',
    light: {
      ambient: {
        intensity: 0.1
      },
      main: {
        intensity: 1.5
      }
    }
  },
  series: [{
    type: 'scatter3D',
    coordinateSystem: 'globe',
    symbolSize: 10,
    itemStyle: {
      color: '#fff'
    },
    data: [
      [116.46, 39.92, 0],
      [121.48, 31.22, 0],
      [113.23, 23.16,0]
    ]
  }]
};

// 将数据和样式配置到echarts实例中
chart.setOption(option);