echarts 散点分布地图

Echarts是一款非常流行的开源数据可视化库，它提供了一种直观的方式来展示地理空间数据。在Echarts中创建散点分布地图，通常用于显示各个地理位置上数据点的数量、密度或其他属性。这涉及到两个主要组件：

1. **地理图** (Geo)：这是Echarts的地理事形基础，提供了各种地图底图，如中国地图、世界地图等。

2. **散点图** (Scatter)：在这个背景下，每个数据点会被表示为地图上的一个标记，其大小、颜色或者形状可以映射到数据值上。

步骤大致如下：
- 首先，你需要加载ECharts和相关的地图数据文件。
- 定义地图配置，包括选择合适的地图样式、区域编码等。
- 创建散点图数据，包含经纬度和对应的数值。
- 使用ECharts API将散点数据添加到地图上，并设置相应的视觉效果（例如，通过`symbolSize`调整标记大小，`color`指定颜色范围）。

下面是一个简单的例子代码片段：

var myChart = echarts.init(document.getElementById('main'));

// 地理图配置
var geoCoordMap = {/* 地理坐标数据 */};
var option = {
    geo: {
        // 地图配置
        map: 'world', // 可替换为中国地图或其他国家
        roam: true,
        label: {
            show: false
        },
        geoCoordMap: geoCoordMap
    },
    series: [
        {
            type: 'scatter',
            data: [
                /* 数据点数组，每个元素包含经度、纬度和数值 */
            ],
            coordinateSystem: 'geo',
            symbolSize: function(value) {
                return value * 5; // 根据数值调整标记大小
            },
            itemStyle: {
                color: function(params) { // 根据数值范围设置颜色
                    return 'red';
                }
            }
        }
    ]
};

myChart.setOption(option);