echarts 地图上加富文本框

要在 echarts 地图上加富文本框，可以使用 echarts 的 tooltip 组件。tooltip 组件是用来展示数据信息的浮层组件，可以支持富文本格式的内容。

具体实现的步骤如下：

1. 在 echarts 的 option 中，配置 tooltip 组件。

option = {
  tooltip: {
    show: true,
    formatter: function(params) {
      return '<div style="background-color: #fff; padding: 10px">' +
        '<span style="font-weight: bold">' + params.name + '</span>' +
        '<br>数据1：' + params.data.value1 +
        '<br>数据2：' + params.data.value2 +
        '</div>';
    }
  },
  // 其他配置项
};

2. 在 formatter 函数中，使用 HTML 标签来实现富文本格式的内容，比如使用 div、span 标签来控制样式。

3. 在 params 中可以获取到当前鼠标所在地图区域的数据信息，可以根据这些数据来动态生成富文本内容。

4. 修改 tooltip 的样式，比如背景色、字体颜色、边框等。

5. 最后将 option 作为参数传给 echarts 实例的 setOption 方法，即可渲染出带有富文本框的地图。

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

// 将 option 作为参数传给 setOption 方法
myChart.setOption(option);