echarts 地图设置icon

ECharts 是百度开源的一个使用 JavaScript 实现的开源可视化库，可以轻松地在网页中展示各种图表。在 ECharts 中设置地图的标记（icon），可以通过 series 中的 marker 属性来自定义。

下面是一个基本的设置地图标记（icon）的示例代码：

option = {
    series: [
        {
            name: '省份名称',
            type: 'map',
            mapType: 'china',
            data: [
                {name: '北京', value: Math.round(Math.random() * 100)},
                {name: '天津', value: Math.round(Math.random() * 100)},
                // ...其他省份数据
            ],
            marker: {
                show: true, // 开启标记点
                symbol: 'image', // 使用图片作为标记点
                symbolSize: [20, 30], // 标记点大小
                imageUrl: 'path/to/image.png', // 图片路径
                // 对齐方式，可选的有 'top', 'left', 'right', 'bottom', 'top left', 'top right', 'bottom left', 'bottom right'
                align: 'top', 
                verticalAlign: 'bottom', 
                rotation: 45 // 图片旋转角度
            },
            label: {
                show: true,
                position: 'right',
                formatter: '{b}'
            }
        }
    ]
};

在这个例子中，我们通过设置 `series` 中的 `marker` 属性来定义地图上显示的标记点。`show` 属性开启标记点的显示，`symbol` 设置标记点的类型为图片，`imageUrl` 是图片的路径。通过 `symbolSize` 可以设置图片的大小，`align` 和 `verticalAlign` 可以定义图片的对齐方式，`rotation` 设置图片的旋转角度。

请注意，使用本地图片作为 marker 图标时，确保图片路径是正确的，并且在使用 ECharts 的文件中可以通过 web 访问到该图片。