echarts地图展示接口返回的数值

要在echarts地图上展示接口返回的数值，可以通过以下步骤实现：

1. 从后端接口获取需要展示的数据，数据格式可以是JSON或其他格式。

2. 在前端页面中引入echarts库，并初始化地图组件。

3. 将接口返回的数据解析成echarts所需的格式。通常需要将地理位置转化为经纬度坐标，以及将数值与地理位置进行对应。

4. 将解析后的数据填充到echarts地图组件中，以实现数值的展示。可以通过数据渲染、色彩渲染等方式将数值呈现在地图上。

以下是一个简单的示例代码，展示如何使用echarts地图组件展示接口返回的数据：

// 初始化echarts地图组件
var myChart = echarts.init(document.getElementById('map'));

// 获取接口数据并解析成echarts所需的格式
$.ajax({
    url: 'your_api_url',
    type: 'GET',
    success: function (data) {
        var geoCoordMap = {}; // 存储地理位置坐标
        var dataArr = []; // 存储数值数据

        // 将接口返回的数据解析成echarts所需的格式
        for (var i = 0; i < data.length; i++) {
            var item = data[i];
            geoCoordMap[item.name] = [item.lng, item.lat]; // 存储地理位置坐标
            dataArr.push({name: item.name, value: item.value}); // 存储数值数据
        }

        // 设置echarts地图组件的配置项
        var option = {
            tooltip: { // 鼠标悬浮时显示的提示框
                trigger: 'item',
                formatter: '{b}: {c}'
            },
            series: [
                {
                    type: 'map',
                    map: 'world', // 地图类型，这里使用世界地图
                    label: { // 地图区域文本标签
                        show: true,
                        fontSize: 10
                    },
                    itemStyle: { // 地图区域样式
                        normal: {
                            borderColor: '#fff',
                            borderWidth: 1
                        },
                        emphasis: {
                            areaColor: '#ccc'
                        }
                    },
                    data: dataArr // 数值数据
                }
            ]
        };

        // 填充数据到echarts地图组件中
        myChart.setOption(option);
    }
});

上述代码中，我们使用了jQuery的ajax方法来获取接口数据，并解析成了echarts所需的格式。然后，我们设置了echarts地图组件的配置项，包括地图类型、标签样式、区域样式等。最后，我们将解析后的数据填充到了echarts地图组件中，以实现数值的展示。