echarts 地图 markpoint

ECharts是一款流行的开源数据可视化库，特别适合于中国地图的展示。其中的"地图 MarkPoint"功能允许你在地图上添加标记点（也称为热力点、标注点），用于表示特定地理位置的数据值。这些标记点通常会显示在一个图标（如气泡、十字架等）上，并可以配置颜色、大小和文字标签来表达不同数据状态。

你可以通过设置地理坐标、图标样式、数据绑定等内容来自定义MarkPoint。例如：

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

map.config({
    geo: {
        // 地图区域配置
        type: 'china',
        roam: false, // 是否开启缩放平移
        zoom: 1,
        label: { show: false }, // 隐藏默认的省份名标签
        selectedMode: 'single', // 单击选中模式
        markPoint: {
            data: [
                { name: '北京', coord: [116.404, 39.9] },
                { name: '上海', coord: [121.4737, 31.2304] }
            ],
            symbol: 'pin', // 使用图标类型
            symbolSize: function (val) {
                return val * 5;
            },
            itemStyle: {
                normal: {
                    color: 'red'
                }
            }
        }
    }
});

map.setOption(map.getOption());

在这个例子中，我们创建了两个标记点，分别代表北京和上海。当鼠标悬停或点击标记点时，它们的颜色会发生变化。