echart实现中国地图，点击可以显示各省信息

最新推荐文章于 2024-06-11 21:36:57 发布
最新推荐文章于 2024-06-11 21:36:57 发布
阅读量1w 收藏 58
点赞数 19
分类专栏： echarts 文章标签： echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47410017/article/details/117265264
版权

文章目录

代码效果

https://www.makeapie.com/editor.html?c=xp2-DidkB5&v=2

准备工作

在实现中国地图之前可以先下载需要的json数据

  • 在该网站上下载需要的地图json
    • http://datav.aliyun.com/tools/atlas/#&lat=30.37018632615852&lng=106.68898666525287&zoom=3.5
    • 点击右下角的geojson下载

html简单搭建

开始之前我们需要构建好基础的html

需要用到的js有echarts.min.js，jquery.js

<html>
<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <!-- 引入js -->
    <script  type="text/javascript"  src="js/echarts.min.js"></script>
    <script  type="text/javascript"  src="js/jquery.js"></script>
</head>
<body>
<div>
    <div>
        <!-- 设置一个区域 用来存放我们的地图-->
            <div class="box">
                <div id="main" style="width: 100%;height:100%;"></div>
            </div>


    </div>

</div>
</body>
<script>
    //编写中国地图代码
</script>
</html>

引入地图json数据

//获取到需要添加地图的位置
var myChart = echarts.init(document.getElementById('main'));
//1.中国地图
var chinaMap = "json/中国地图.json";
//2.台湾省地图
var taiWanMap = "json/台湾省.json";
//3.海南省地图
var haiNanMap = "json/海南省.json";
//4.安徽省地图
var anHuiMap = "json/安徽省.json";
//5.江西省地图
var jiangXiMap = "json/江西省.json";
//6.湖南省地图
var huNanMap = "json/湖南省.json";
//7.云南省地图
var yunNanMap = "json/云南省.json";
//8.贵州省地图
var guiZhouMap = "json/贵州省.json";
//9.广东省地图
var guangDongMap = "json/广东省.json";
//10.福建省地图
var fuJianMap = "json/福建省.json";
//11.浙江省地图
var zheJiangMap = "json/浙江省.json";
//12.江苏省地图
var jiangSuMap = "json/江苏省.json";
//13.四川省地图
var siChuanMap = "json/四川省.json";
//14.重庆市市地图
var chongQingMap = "json/重庆市.json";
//15.湖北省地图
var huBeiMap = "json/湖北省.json";
//16.河南省地图
var heNanMap = "json/河南省.json";
//17.山东省地图
var shanDongMap = "json/山东省.json";
//18.吉林省地图
var jiLinMap = "json/吉林省.json";
//19.辽宁省地图
var liaoNingMap = "json/辽宁省.json";
//20.天津市市地图
var tianJinMap = "json/天津市.json";
//21.北京市市地图
var beiJingMap = "json/北京市.json";
//22.河北省地图
var heBeiMap = "json/河北省.json";
//23.山西省地图
var shanXiMap = "json/山西省.json";
//24.陕西省地图
var shanXi2Map = "json/陕西省.json";
//25.宁夏回族自治区省地图
var ningXiaMap = "json/宁夏回族自治区.json";
//26.青海省地图
var qingHaiMap = "json/青海省.json";
//27.西藏自治区地图
var xiZangMap = "json/西藏自治区.json";
//28.黑龙江省地图
var heiLongJiangMap = "json/黑龙江省.json";
//29.内蒙古自治区地图
var neimengGuMap = "json/内蒙古自治区.json";
//30.甘肃省地图
var ganSuMap = "json/甘肃省.json";
//31.新疆维吾尔自治区省地图
var xinJiangMap = "json/新疆维吾尔自治区.json";
//32.广西壮族自治区地图
var guangxiMap = "json/广西壮族自治区.json";
//设置初始地图
var mapname = chinaMap;

配置好各省的json数据

这里记住一点，想要实现点击效果配置的json中的name必须和中国地图上的名字一致

//设置省份的json 这里注意名字要和中国地图上的名字一致
var mapJson = [
    {
        name: "台湾省",
        json: taiWanMap,
    },
    {
        name: "海南省",
        json: haiNanMap,
    },
    {
        name: "安徽省",
        json: anHuiMap,
    },
    {
        name: "江西省",
        json: jiangXiMap,
    },
    {
        name: "湖南省",
        json: huNanMap,
    },
    {
        name: "云南省",
        json: yunNanMap,
    },
    {
        name: "贵州省",
        json: guiZhouMap,
    },
    {
        name: "广东省",
        json: guangDongMap,
    },
    {
        name: "福建省",
        json: fuJianMap,
    },
    {
        name: "浙江省",
        json: zheJiangMap,
    },
    {
        name: "江苏省",
        json: jiangSuMap,
    },
    {
        name: "四川省",
        json: siChuanMap,
    },
    {
        name: "重庆市",
        json: chongQingMap,
    },
    {
        name: "湖北省",
        json: huBeiMap,
    },
    {
        name: "河南省",
        json: heNanMap,
    },
    {
        name: "山东省",
        json: shanDongMap,
    },
    {
        name: "吉林省",
        json: jiLinMap,
    },
    {
        name: "辽宁省",
        json: liaoNingMap,
    },
    {
        name: "天津市",
        json: tianJinMap,
    },
    {
        name: "北京市",
        json: beiJingMap,
    },
    {
        name: "河北省",
        json: heBeiMap,
    },
    {
        name: "山西省",
        json: shanXiMap,
    },
    {
        name: "陕西省",
        json: shanXi2Map,
    },
    {
        name: "宁夏回族自治区",
        json: ningXiaMap,
    },
    {
        name: "青海省",
        json: qingHaiMap,
    },
    {
        name: "西藏自治区",
        json: xiZangMap,
    },
    {
        name: "黑龙江省",
        json: heiLongJiangMap,
    },
    {
        name: "内蒙古自治区",
        json: neimengGuMap,
    },
    {
        name: "甘肃省",
        json: ganSuMap,
    },
    {
        name: "新疆维吾尔自治区",
        json: xinJiangMap,
    },
    {
        name: "广西壮族自治区",
        json: guangxiMap,
    },
];

自动高亮

因为我们各省的城市数量不同，使用我们可以先定义一个num用来接收各省的数据（这一行可以写在最上面）

//定义一个全局变量，用来统计每个省有几个市
let num = 0;

编辑自动播放时的代码

//提取自动播放的代码
function timing() {
    // 取消高亮指定的数据图形
    myChart.dispatchAction({
        type: 'downplay',
        seriesIndex: 0,
        dataIndex: index,
    });
    // 高亮指定的数据图形
    myChart.dispatchAction({
        type: 'highlight',
        seriesIndex: 0,
        dataIndex: index + 1,
    });
    index++;
     //判断长度是否和城市的长度一样，如果一样重新播放
    if (index > num) {
        index = -1;
    }
}

设置鼠标移入移除事件

//加载时的文字提示
myChart.showLoading({ text: '正在加载数据' });  //增加等待提示
//设置开始位置（播放的位置）
let index = -1;
//定时播放
var timer = setInterval(function () {
    //调用定时播放代码
    timing()
}, 1500);
//鼠标移入
myChart.on('mousemove', function (e) {
    //取消定时
    clearInterval(timer);
    //取消高亮
    myChart.dispatchAction({
        type: 'downplay',
        seriesIndex: 0,
    });
    //高亮鼠标移入的位置
    myChart.dispatchAction({
        type: 'highlight',
        seriesIndex: 0,
        dataIndex: e.dataIndex,
    });

});
//鼠标移出
myChart.on('mouseout', function (e) {
    //取消定时
    clearInterval(timer);
    //取消高亮
    myChart.dispatchAction({
        type: 'downplay',
        seriesIndex: 0,
        dataIndex: e.dataIndex,
    });
    //重新开始定时播放
    timer = setInterval(function () {
        //调用定时播放代码
        timing()
    }, 1500);
});

设置鼠标点击事件

//点击事件
myChart.on('click', function (e) {
    //过滤 这里是es6语法 filter函数可以看成是一个过滤函数，返回符合条件的元素的数组
    var chooseName = mapJson.filter((item) => {
        //我们根据名字来判断是否选择一种
        return item.name == e.name;
    });
    //这里的chooseName是一个数组，我们需要获取到json 有兴趣可以打印
    //{name: "新疆维吾尔自治区", json: "json/新疆维吾尔自治区.json"}
    mapname = chooseName[0].json;

    //添加一个返回按键
    $('<div class="back">返回中国地图</div>').appendTo($('#main'));
    //给返回按键设置样式
    $('.back').css({
        position: 'absolute',//绝对地位
        left: '20px',//设置位置
        top: '20px',//设置位置
        color: 'pink',//设置字体颜色
        'font-size': '20px',//设置字体大小
        cursor: 'pointer',//变小手
    });
    //设置返回按钮的点击事件
    $('.back').click(function () {
        //地图重新设置为中国地图
        mapname = chinaMap;
        //隐藏按钮
        $('.back').css({
            opacity:0,
        });
        //绘制地图
        mapInit();
        //重新开始定时播放
        timer = setInterval(function () {
            //调用定时播放代码
            timing()
        }, 1500);
    });
    //绘制地图
    mapInit();
    //定时播放
    timer = setInterval(function () {
        //调用定时播放代码
        timing()
    }, 1500);
});

初始化

//设置初始化时间
setTimeout(function () {
    mapInit();
}, 500);

创建地图前的准备工作（设置小气泡位置）

创建地图之前需要先获得各省的城市数量，还可以标记处气泡的位置(这里的气泡我的坐标没有特别好，你们有兴趣可以慢慢调整)

//创建地图
var mapInit = () => {
    //调用中国地图（同步）
    $.getJSON(mapname, function (geoJson) {
        //获取到长度（每个省里有几个市）
        num = geoJson.features.length;
        //调用我们通过json对象注册的地图
        echarts.registerMap('China', geoJson);
        //文件加载的动画
        myChart.hideLoading();
        //判断是否为祖国地图
        if (mapname === chinaMap) {
            //设置小黄点
            var geoCoordMap = {
                '台湾': [122,23],
                '黑龙江': [129,51],
                '内蒙古': [110.3467, 41.4899],
                "吉林": [125.8154, 44.2584],
                '北京市': [116.4551, 40.2539],
                "辽宁": [123.1238, 42.1216],
                "河北": [114.4995, 38.1006],
                "天津": [117.4219, 39.4189],
                "山西": [112.3352, 37.9413],
                "陕西": [109.1162, 34.2004],
                "甘肃": [103.5901, 36.3043],
                "宁夏": [106.3586, 38.1775],
                "青海": [101.4038, 36.8207],
                "新疆": [87.9236, 43.5883],
                "西藏": [88.388277,31.56375],
                "四川": [103.9526, 30.7617],
                "重庆": [108.384366, 30.439702],
                "山东": [117.1582, 36.8701],
                "河南": [113.4668, 34.6234],
                "江苏": [118.8062, 31.9208],
                "安徽": [117.29, 32.0581],
                "湖北": [114.3896, 30.6628],
                "浙江": [119.5313, 29.8773],
                "福建": [119.4543, 25.9222],
                "江西": [116.0046, 28.6633],
                "湖南": [113.0823, 28.2568],
                "贵州": [106.6992, 26.7682],
                "云南": [102.9199, 25.4663],
                "广东": [113.12244, 23.009505],
                "广西": [108.479, 23.1152],
                "海南": [110.3893, 19.8516],
                '上海': [121.4648, 31.2891],
            };
            //设置每个区域的值
            var data = [
                {name:"台湾",value:1},
                {name:"北京",value:2},
                {name:"天津",value:3},
                {name:"河北",value:4},
                {name:"山西",value:5},
                {name:"内蒙古",value:6},
                {name:"辽宁",value:7},
                {name:"吉林",value:8},
                {name:"黑龙江",value:9},
                {name:"上海",value:10},
                {name:"江苏",value:11},
                {name:"浙江",value:12},
                {name:"安徽",value:13},
                {name:"福建",value:14},
                {name:"江西",value:15},
                {name:"山东",value:16},
                {name:"河南",value:17},
                {name:"湖北",value:18},
                {name:"湖南",value:19},
                {name:"重庆",value:20},
                {name:"四川",value:21},
                {name:"贵州",value:22},
                {name:"云南",value:23},
                {name:"西藏",value:24},
                {name:"陕西",value:25},
                {name:"甘肃",value:26},
                {name:"青海",value:27},
                {name:"宁夏",value:28},
                {name:"新疆",value:29},
                {name:"广东",value:30},
                {name:"广西",value:31},
                {name:"海南",value:32},
            ];
            //给每个地区赋值
            var convertData = function (data) {
                //定义一个数组
                var res = [];
                //循环遍历每个区域值
                for (var i = 0; i < data.length; i++) {
                    //获取坐标
                    var geoCoord = geoCoordMap[data[i].name];
                    //判断是否有坐标
                    if (geoCoord) {
                        //往数组里设置值
                        res.push({
                            name: data[i].name,
                            value: geoCoord.concat(data[i].value)
                        });
                    }
                }
                return res;
            };
        }else{
            //这里不为中国地图所以先不设置（后面需要对市区进行标记在设置）

            //设置小黄点
            var geoCoordMap = {

            };
            //设置每个区域的值
            var data = [

            ];
            //给每个地区赋值
            convertData = function (data) {
                var res = [];
                for (var i = 0; i < data.length; i++) {
                    var geoCoord = geoCoordMap[data[i].name];
                    if (geoCoord) {
                        res.push({
                            name: data[i].name,
                            value: geoCoord.concat(data[i].value)
                        });
                    }
                }
                return res;
            };
        }
        //地图开始部分往下查看
    });
};

创建地图

//地图开始
option = {
    //设置背景颜色
    backgroundColor: '#020933',
    geo: {
        map: 'China',//地图为刚刚设置的China
        aspectScale:0.75, //长宽比
        zoom:1.1,//当前视角的缩放比例
        roam: false,//是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 'scale' 或者 'move'。设置成 true 为都开启
        itemStyle: {//地图区域的多边形 图形样式
            normal: {
                areaColor: '#013C62',//地区颜色
                shadowColor: '#182f68',//阴影颜色
                shadowOffsetX: 0,//阴影偏移量
                shadowOffsetY: 25,//阴影偏移量
            },
            emphasis: {
                areaColor: '#2AB8FF',//地区颜色
                label: {
                    show: false,//是否在高亮状态下显示标签
                },
            },
        },
    },
    series: [//数据系列
        {
            type: 'map',//地图类型
            //地图上文字
            label: {
                normal: {
                    show: true,//是否显示标签
                    textStyle: {
                        color: '#fff',
                    },
                },
                emphasis: {
                    textStyle: {
                        color: '#fff',
                    },
                },
            },
            //地图区域的多边形 图形样式
            itemStyle: {
                normal: {
                    borderColor: '#2ab8ff',
                    borderWidth: 1.5,
                    areaColor: '#12235c',
                },
                emphasis: {
                    areaColor: '#2AB8FF',
                    borderWidth: 0,
                },
            },
            zoom: 1.2,//当前视角的缩放比例
            //是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 'scale' 或者 'move'。设置成 true 为都开启
            roam: false,
            map: 'China', //使用中国地图

        },
        {

            //设置为分散点
            type: 'scatter',
            //series坐标系类型
            coordinateSystem: 'geo',
            //设置图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
            symbol: 'pin',
            // //标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10
            symbolSize: [40,40],
            //气泡字体设置
            label: {
                normal: {
                    show: true,//是否显示
                    textStyle: {
                        color: '#fff',//字体颜色
                        fontSize: 8,//字体大小
                    },
                    //返回气泡数据
                    formatter (value){
                        return value.data.value[2]
                    }
                }
            },
            itemStyle: {
                normal: {
                    color: '#1E90FF', //标志颜色
                }
            },
            //给区域赋值
            data: convertData(data),
            showEffectOn: 'render',//配置何时显示特效。可选：'render' 绘制完成后显示特效。'emphasis' 高亮（hover）的时候显示特效。
            rippleEffect: {//涟漪特效相关配置。
                brushType: 'stroke'//波纹的绘制方式，可选 'stroke' 和 'fill'
            },
            hoverAnimation: true,//是否开启鼠标 hover 的提示动画效果。
            zlevel: 1//所属图形的 zlevel 值
        },
    ],
};
myChart.setOption(option);

源码部分
git@github.com:ningmengla/chinaMap.git

小广告

本人承接毕业设计，可以包教学讲解（后端代码和前端js部分一行一行的解释哦），保证论文的通过率！接下来我会慢慢的一点点更新希望大家关注我哦！！！

柠檬啦灬
关注
  • 19
    点赞
  • 踩
  • 58
    收藏
    觉得还不错? 一键收藏
  • 22
    评论
专栏目录
echarts 全国地图 点击地图上的点，打开超链接 地图点击事件
04-10
echarts 全国地图 点击地图上的点，打开超链接 ，地图点击事件
ECharts--中国地图（无敌详细）
热门推荐
qq_45066453的博客
03-12 6万+
使用Echarts绘制中国地图，其中地图点信息由JSON文件编写，前端html直接从JSON文件中读取地区数据，渲染到前端即可。详细介绍用到的各个功能！代码直接复制运行即可！
Echarts 绘制地图（中国、省市、区县），保姆级教程！
最新发布
共同学习，共同成长
06-11 5024
这篇讲述 Vue+Echarts 绘制地图（中国、省市、区县），保姆级教程！
echart实现中国地图
qq_32885597的博客
05-06 6万+
1.渲染地图的基础配置 chinaMap () { // 地图 const obj = { title: { text: '' }, backgroundColor: '', tooltip: { trigger: 'item', formatter: '{b}...
Echart实现中国地图和地图打点
wtyzky的博客
12-28 1万+
Echarts实现中国地图和地图打点。
echart 绘制一个基础的中国地图
lazy_tomato的博客
06-28 1171
【代码】echart 绘制一个基础的中国地图。
vue使用echarts显示中国地图
一入前端深似海
09-11 2万+
到这就完成了中国地图绘制，就可以看到文章顶部效果图，具体参数配置根据个人可以更改。引入一个公共js文件（下面这段代码就是china.js文件）下面介绍一个方法如何用echarts画一个中国地图，如图。左侧图例加上单位的写法，替换掉原有的 splitList。项目引入echarts以后，在页面创建canvas标签。使用地图的页面引入上面的公用Js！2022/5/5 特别补充，2022/5/5 追加补充。
echart地图全国各省js文件
05-02
在ECharts地图中，上钻下钻功能可以实现从省级地图到市级地图的平滑过渡，用户可以通过点击省份来查看其包含的城市信息，从而提供更加细致的数据洞察。 3. 数据绑定与交互：ECharts地图不仅可以展示静态的地理信息...
echart 全国各省地图
03-20
echart 全国各省地图
中国各省Echart的feature
12-07
在这个名为“中国各省Echart的feature”的压缩包中，我们可以期待找到与绘制中国省级行政区地图相关的ECharts资源。由于密码是123，这意味着我们需要解压后才能访问这些文件。 在ECharts中，地图图表是一种特殊类型...
shandong.rar_echart 地图_地图 _山东_山东 echart_鼠标进入颜色显示
09-24
标题中的“shandong.rar_echart 地图_地图 _山东_山东 echart_鼠标进入颜色显示”表明这是一个关于使用ECharts库制作的、针对山东省的交互式地图项目。ECharts是一个由百度开发的开源JavaScript数据可视化库，它支持...
echart广东省、市、区县地图数据json文件
12-25
在本压缩包中，“echart广东省、市、区县地图数据json文件”包含的是广东地区从省级到市级再到区县级的地图数据，这些数据以JSON格式存储，非常适合用于在ECharts中创建交互式的地理分布图表。 JSON（JavaScript ...
echarts做中国地图分布
xiao970615的博客
10-09 1820
echarts地图
echarts版中国地图
weixin_51052286的博客
05-29 8219
Echarts实现中国版地图 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5xSwd4cP-1653831276441)(C:\Users\blank\Desktop\ChinaEarchs.png)] 项目中下载echarts； npm i echarts --save 全局注册echarts；（main.js中全局引入） import echarts from 'echarts' Vue.prototype.$echarts = echarts 建立ec
echarts 画中国地图
weixin_51666715的博客
04-25 2828
数据可视化平台，中国各省数据和坐标 阿里云可视化 效果 使用echart画中国地图，步骤如下 1.安装依赖 npm i echarts 创建一个js文件 当你可以访问https请求的时候则使用，如下代码 import axios from "axios"; export default axios.get("https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json") 如果无法请求https接口，则直接导入 3。配置option配
echarts绘制中国地图省份地图及世界地图
m0_60648668的博客
07-11 9851
利用echarts绘制中国地图,省份地图及世界地图!
echarts最新版做中国地图（详细版+避雷版）
weixin_45578530的博客
04-19 1万+
谨以此篇献 给那些在 用echarts做中国地图 很懊恼的程序媛（员） 真的不想让你们在走弯路 节省时间去刷刷抖音他不香吗？？ 1、在echarts的官网上 根据命令安装 npm install echarts --save 2、echarts3.0版本之后 已经不再跟中国地图相关的json、js文件了 我们需要到github上下载china.js文件引入到vue文件里 地址：GitHub - liangrumeng2015/China.js: echarts里面的地图文件China.js
Echarts—根据地理坐标被标注的中国地图（标记可以自定义为图片）
前端探险家的博客
06-13 3165
把中国地图的json数据下载下来，放到项目本地中的utils文件夹下；位置随意，想放哪里都可以，能找到就行！这是一个有阴影的,并且根据坐标点被标记的地图展示，下面我们就把实现的代码贴出来，老样子，还是开袋即食！
echarts绘制完整的中国地图
longshao_520的博客
08-26 8221
echarts绘制完整的中国地图。带标点以及自定义标点图标
echart地图 点击地图显示区域边框
03-31
您可以使用 ECharts 的事件处理函数来实现此目的。首先，您需要在地图上设置一个事件监听器，以便在用户单击地图时触发事件。然后，您可以在事件处理函数中使用 ECharts 提供的 API 来高亮显示所选区域的边框。 以下是一个示例代码片段，演示如何使用 ECharts 在地图上实现此目的： ```javascript // 设置地图配置项 var option = { // ... 其他配置项 series: [{ // ... 其他系列配置项 type: 'map', map: 'china', // 在地图上添加事件监听器 emphasis: { label: { show: true } }, // 在地图上添加事件监听器 itemStyle: { borderColor: '#fff', borderWidth: 1, areaColor: '#ccc', // 添加事件监听器，当用户单击地图时触发 emphasis: { borderWidth: 2, borderColor: '#fff', areaColor: '#ccc' } }, data: [ // ... 数据项 ] }] }; // 在 ECharts 实例中注册事件处理函数 myChart.on('click', function(params) { // 获取用户单击的区域名称 var name = params.name; // 使用 ECharts 提供的 API 来高亮显示所选区域的边框 myChart.dispatchAction({ type: 'highlight', // 将所选区域的名称传递给 API name: name }); }); ``` 在上面的示例代码中，我们首先在地图的 `itemStyle` 中添加了一个事件监听器，以便在用户单击地图时触发。然后，在事件处理函数中，我们获取了用户单击的区域名称，并使用 ECharts 的 `dispatchAction` 函数来高亮显示所选区域的边框。在这种情况下，我们使用了 `highlight` 类型的操作来高亮显示边框。如果您希望取消高亮显示，请使用 `downplay` 类型的操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 22
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值