echarts 加载地图，并画曲线

ECharts是一个强大的JavaScript数据可视化库，它支持加载各种地图数据并绘制图表。在ECharts中添加地图通常是通过地理坐标系统（Geographic Coordinate System，简称GCJ02或WGS84）来定位数据点。

首先，你需要在ECharts官网下载包含中国地图的数据文件，如`world.json`或者`china.js`等。然后，在配置选项中设置地图相关属性：

// 初始化ECharts实例
var myChart = echarts.init(document.getElementById('main'));

// 加载地图数据
myChart.options = {
    geo: { // 地图配置
        type: 'map', // 设置地图类型
        mapType: 'china', // 指定使用的地图文件，例如中国的省份地图
        roam: true, // 是否开启平滑缩放和移动效果
        label: { // 标记标签
            show: false // 隐藏默认的省级名称
        },
        tooltip: { // 制作鼠标悬停提示信息
            trigger: 'item'
        }
    },
    series: [ // 系列配置，这里我们创建一个新的系列用于绘制曲线
        {
            name: '曲线图',
            type: 'lines', // 设置系列类型为折线图
            data: [], // 初始为空，待填充实际的数据点
            geoIndex: 0, // 设置对应地图的索引，因为echarts在同一层级会同时处理地图和其他系列
            coordinateSystem: 'geo' // 指定使用地理坐标系
        }
    ]
};

// 然后你可以动态添加或更新数据，比如从API获取到的数据
// 示例数据
var dataPoints = [
    ['北京', 100],
    ['上海', 200],
    ['广州', 150]
];

dataPoints.forEach(function(item) {
    var province = item[0]; // 省份名
    var value = item[1]; // 数据值
    // 更新series.data数组，将省份名和值对映射到地理坐标上
    myChart.setOption({
        series: {
            data: myChart.options.series[0].data.concat([{name: province, value: value}])
        }
    });
});