echarts 地图添加标志

您可以使用 echarts 的 geo 组件来添加地图，并使用 markPoint 或者 markLine 来添加标志。具体操作步骤如下：

1. 引入 echarts 库和地图数据

<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>

2. 创建地图容器

<div id="map" style="width: 100%; height: 600px;"></div>

3. 初始化 echarts 实例

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

4. 配置地图参数

option = {
    tooltip: {
        trigger: 'item'
    },
    geo: {
        map: 'china',
        roam: true,
        label: {
            emphasis: {
                show: false
            }
        },
        itemStyle: {
            normal: {
                areaColor: '#323c48',
                borderColor: '#111'
            },
            emphasis: {
                areaColor: '#2a333d'
            }
        }
    },
    series: [
        {
            name: '标志',
            type: 'scatter',
            coordinateSystem: 'geo',
            data: [
                {name: '北京', value: [116.46, 39.92]},
                {name: '上海', value: [121.48, 31.22]},
                {name: '广州', value: [113.23, 23.16]},
                {name: '深圳', value: [114.07, 22.62]}
            ],
            symbolSize: 10,
            label: {
                normal: {
                    show: true,
                    formatter: function (params) {
                        return params.name;
                    },
                    position: 'right'
                }
            },
            itemStyle: {
                normal: {
                    color: '#ddb926'
                }
            }
        }
    ]
};

5. 渲染地图

myChart.setOption(option);