Cesium加载entities实体，包括文字标注,图标(动态缩放效果),线(尾迹线效果)，面(动态闪烁效果)，背景图，围栏(立体分层效果)，渐变色圆柱，扇形图等

已于 2022-05-11 16:09:42 修改
阅读量9.2k 收藏 73
点赞数 5
分类专栏： 图表及地图相关 文章标签： cesium 前端 vue
于 2022-04-12 15:52:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39150852/article/details/124126031
版权

加载图标和文字标注

addPoints(data) {
    if (data && data.length > 0) {
        let datasource = map_common_addDatasouce("point");
        datasource.entities.removeAll();
        data.forEach(item => {
            datasource.entities.add({
                position: Cesium.Cartesian3.fromDegrees(item.coordinate[0], item.coordinate[1], item.coordinate[2]),//图标位置
                billboard: {
                    image: `/images/marker.png`,//图标地址
                    horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
                    disableDepthTestDistance: Number.POSITIVE_INFINITY,
                    pixelOffset: new Cesium.Cartesian2(-6, 6),
                    scale: 0.8,
                },
                label: {
                    scale: 1,
                    font: "bolder 16px sans-serif",
                    style: Cesium.LabelStyle.FILL_AND_OUTLINE,
                    text: item.name,//图标名称
                    fillColor: Cesium.Color.fromCssColorString("#ffffff"),
                    pixelOffset: new Cesium.Cartesian2(0, -60)
                },
                properties: new Cesium.PropertyBag({
                    type: "point",
                    details: item
                })
            });
        })
    }
}

数据格式：

let data = [
      {
        id: '1',
        name: '摄像头1',
        coordinate: [116.5237896183484, 40.23425089061218, 1]
      },
      {
        id: '2',
        name: '摄像头2',
        coordinate: [116.52442547004496, 40.234225534772044, 1]
      },
      {
        id: '3',
        name: '摄像头3',
        coordinate: [116.52386941878123, 40.233503276564576, 1]
      }
    ];

加载报警点动画效果

  addWarnings(data) {
    let datasource = map_common_addDatasouce("warning");
    datasource.entities.removeAll();
    let x = 1;
    let flog = true;
    datasource.entities.add({
      position: Cesium.Cartesian3.fromDegrees(data.coordinate[0], data.coordinate[1], data.coordinate[2]),
      //通过动态改变缩放大小实现闪烁动画1
      billboard: {
        image: `/images/bg.png`,
        pixelOffset: new Cesium.Cartesian2(0, -50),
        scale: new Cesium.CallbackProperty(function () {
          if (flog) {
            x = x - 0.03;
            if (x <= 0.2) {
              flog = false;
            }
          } else {
            x = x + 0.03;
            if (x >= 0.8) {
              flog = true;
            }
          }
          return x;
        }, false)
      },
      properties: new Cesium.PropertyBag({
        type: "warning",
        details: data
      })
    });
    datasource.entities.add({
        position: Cesium.Cartesian3.fromDegrees(data.location[0], data.location[1], data.location[2]),
        billboard: {
            image: `/images/marker.png`,
            verticalOrigin: Cesium.VerticalOrigin.BOTTOM
        }
    })
  }

数据格式：

let data = {
    id: '1',
    name: '报警点1',
    coordinate: [116.52329742014058, 40.234779669561995, 1]
  }

图片资源：
在这里插入图片描述
在这里插入图片描述
实现效果：
在这里插入图片描述

加载线

addLine(data) {
    if (data && data.rangerArr && data.rangerArr.length > 0) {
        let datasource = map_common_addDatasouce("line");
        datasource.entities.removeAll();
        let positions = Array.prototype.concat.apply(
            [],
            data.rangerArr
        );
        datasource.entities.add(
            new Cesium.Entity({
                polyline: {
                    positions: Cesium.Cartesian3.fromDegreesArrayHeights(positions),
                    width: 5.0,
                    //纯色
                    /* material: Cesium.Color.fromCssColorString("#73f9f0").withAlpha(
                        1.0
                    ),*/
                    //发光效果
                    material: new Cesium.PolylineGlowMaterialProperty({
                         color: Cesium.Color.fromCssColorString("#fff"),
                         glowPower: 0.1
                    })
                },
                properties: new Cesium.PropertyBag({
                    type: "line",
                    details: data
                })
            })
        );
    }
}

数据格式：

let data = {
      id: '1',
      name: '边界',
      rangerArr: [[116.52320712206836, 40.23406811024757, 5], [116.52321177601786, 40.23347668875855, 5], [116.52452838827061, 40.23347827970169, 5], [116.52453120516144, 40.23515431118559, 5], [116.52321855758989, 40.23407917327679, 5], [116.52320712206836, 40.23406811024757, 5]]
};

实现效果：
在这里插入图片描述

加载尾迹线（superMap）

/**
 * 加载成都市道路
 */
let datasouce = map_common_addDatasouce('line');
let datasouce_1 = map_common_addDatasouce('line_1');
jsonParse("./json/home/成都市.json").then((val) => {
    val.forEach((t) => {
      if (t.properties.GB === 430501) {//加载部分道路
        let coor = t.geometry.coordinates;
        coor = coor.filter((t) => {
          return t.push(5);
        });
        coor = Array.prototype.concat.apply([], coor);
        datasouce.entities.add({
          polyline: {
            positions: Cesium.Cartesian3.fromDegreesArrayHeights(coor),
            material: Cesium.Color.CYAN
          },
        });
        datasouce_1.entities.add({
          polyline: {
            positions: Cesium.Cartesian3.fromDegreesArrayHeights(coor),
            width: 2,
            material: new Cesium.PolylineTrailMaterialProperty({ // 尾迹线材质
              color: Cesium.Color.CYAN,
              trailLength: 0.2,
              period: 0.5
            })
          },
        });
      }
    });
  });

实现效果：
在这里插入图片描述

加载面

addPoly(data) {
    if (data && data.rangerArr && data.rangerArr.length > 0) {
        let datasource = map_common_addDatasouce("poly");
        datasource.entities.removeAll();
        let positions = Array.prototype.concat.apply(
            [],
            data.rangerArr
        );
        let x = 1;
        let flog = true
        datasource.entities.add(
            new Cesium.Entity({
                polygon: {
                	height: 2000,
                    hierarchy: Cesium.Cartesian3.fromDegreesArrayHeights(positions),
                    //纯色
                    /*material: Cesium.Color.fromCssColorString('73f9f0').withAlpha(1),*/
                    //图片
                    /*material: new Cesium.ImageMaterialProperty({
                            image: "/images/home/北京市.png",
                      }),*/
                    //通过动态改变透明度实现闪烁动画
           			material: new Cesium.ColorMaterialProperty(
                        new Cesium.CallbackProperty(function () {
                            if (flog) {
                                x = x - 0.03;
                                if (x <= 0.2) {
                                    flog = false;
                                }
                            } else {
                                x = x +  0.03;
                                if (x >= 0.8) {
                                    flog = true;
                                }
                            }
                            return Cesium.Color.RED.withAlpha(x);
                        }, false)),
                	clampToS3M: true, //面贴3dTiles模型,若为gltf模型，该参数不生效，则结合extrudedHeight和height属性拉成体    
                    outline: true,
                    outlineColor: Cesium.Color.fromCssColorString("#a2ffba"),
                    outlineWidth: 1.0,//范围面数据设置outline为true时，宽度只能显示1px
                    //控制显隐高度范围
                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
                            100000,
                            1000000.0
                        ),
                },
                properties: new Cesium.PropertyBag({
                    type: "poly",
                    details: data
                })
            })
        );
    }
}

数据格式：

let data = {
      id: '1',
      name: '范围',
      rangerArr: [[116.52320712206836, 40.23406811024757, 5], [116.52321177601786, 40.23347668875855, 5], [116.52452838827061, 40.23347827970169, 5], [116.52453120516144, 40.23515431118559, 5], [116.52321855758989, 40.23407917327679, 5], [116.52320712206836, 40.23406811024757, 5]]
};

实现效果：
在这里插入图片描述

加载背景图

loadCircle() {
    let datasource = map_common_addDatasouce("circleImage");
    datasource.entities.add({
        position: Cesium.Cartesian3.fromDegrees(
            93.97039653185051, 29.950970087104018, 4000
        ),
        ellipse: {
            height: 3000,
            semiMajorAxis: 220000,
            semiMinorAxis: 220000,
            material: new Cesium.ImageMaterialProperty({
                image: "/images/map/circle.png",
                transparent: true,
                color: new Cesium.Color(0.4, 0.4, 0.4, 0.8),
            }),
            stRotation: 0 //旋转角度
        },
    });
}

实现效果：
在这里插入图片描述

加载面+围栏实现立体分层效果

/**
 * 加载北京市区域
 */
function mapView_BeiJing() {
    jsonParse("/json/home/北京市.json").then((val) => {
        if (val && val.length > 0) {
            let datasource = map_common_addDatasouce(datasourceName.BEIJING_DATASOURCE);
            val.forEach((el) => {
                let positions = Array.prototype.concat.apply(
                    [],
                    el.geometry.coordinates[0]
                );

                datasource.entities.add({
                    polygon: {
                        hierarchy: Cesium.Cartesian3.fromDegreesArray(positions),
                        height: 4000,
                        material: new Cesium.ImageMaterialProperty({
                            image: "/imgs/home/北京市.png",
                        }),
                        outline: false
                    }
                });
                let positions2 = el.geometry.coordinates[0].map(item => {
                    item.push(initHeight);
                    return item
                })
                let positions3 = Array.prototype.concat.apply(
                    [],
                    positions2
                );
                datasource.entities.add({
                    wall: {
                        positions: Cesium.Cartesian3.fromDegreesArrayHeights(positions3),
                        material: new Cesium.ImageMaterialProperty({
                            image: "/imgs/home/组.png",
                            repeat: new Cesium.Cartesian2(1.0, 1),
                            transparent: true,
                        }),
                        outline: false
                    },
                });
            });
        }
    });
}

图片资源：
在这里插入图片描述在这里插入图片描述
实现效果：

在这里插入图片描述

加载渐变色圆柱

/**
 * 颜色渐变
 */
getColorRamp(elevationRamp, isVertical = true) {
    let ramp = document.createElement('canvas');
    ramp.width = isVertical ? 1 : 100;
    ramp.height = isVertical ? 100 : 1;
    let ctx = ramp.getContext('2d');

    let values = elevationRamp;
    let grd = isVertical ? ctx.createLinearGradient(0, 0, 0, 100) : ctx.createLinearGradient(0, 0, 100, 0);
    grd.addColorStop(values[0], '#0084FF');
    grd.addColorStop(values[1], '#00FCFF');
    grd.addColorStop(values[2], '#00FF7E');
    ctx.globalAlpha = 0.3;
    ctx.fillStyle = grd;
    if (isVertical)
        ctx.fillRect(0, 0, 1, 100);
    else
        ctx.fillRect(0, 0, 100, 1);

    return ramp;
}
addCylinder(data) {
    if (data && data.length > 0) {
        let datasource = map_common_addDatasouce("point");
        datasource.entities.removeAll();
        data.forEach(item => {
        		let center = item.coordinates;
                let radius = 1;//半径
                let options = {steps: 64, units: 'kilometers', properties: {foo: 'bar'}};
                //引入turf构建范围面    
                //import circle from '@turf/circle';
                let circleData = circle(center, radius, options);
                let height = item.rainValue;//高度
                let wallPositions = circleData.geometry.coordinates[0].map(item => {
                    return [...item, height]
                });
                let positions = Array.prototype.concat.apply(
                    [],
                    wallPositions
                );
                //通过围墙实现渐变填充
                datasource.entities.add({
                    wall: {
                        positions: Cesium.Cartesian3.fromDegreesArrayHeights(positions),
                        material: new Cesium.ImageMaterialProperty({
                            image: getColorRamp([0.1, 0.5, 1.0], true, "county_border_line"),
                            repeat: new Cesium.Cartesian2(1.0, 1),
                            transparent: false,
                        }),
                        minimumHeights: wallPositions.map(() => 10500),
                        outline: false,
                    }
                });
                //填充纯色围墙
                datasource.entities.add({
                    position: Cesium.Cartesian3.fromDegrees(item.coordinates[0], item.coordinates[1], 10500),
                    cylinder: {
                        length: height - 10500,
                        heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND,
                        topRadius: 990,
                        bottomRadius: 990,
                        material: Cesium.Color.fromCssColorString('#0077AF'),
                        outline: false
                    }
                })
        })
    }
}

数据格式：

let data = [
      {
        id: '1',
        name: '雨量柱1',
        coordinate: [116.5237896183484, 40.23425089061218],
        rainValue: 14000
      },
      {
        id: '2',
        name: '雨量柱2',
        coordinate: [116.52442547004496, 40.234225534772044],
        rainValue: 11000
      },
      {
        id: '3',
        name: '雨量柱3',
        coordinate: [116.52386941878123, 40.233503276564576],
        rainValue: 8000
      }
    ];

实现效果：
在这里插入图片描述

加载扇形图

/**
 * 加载扇形
 */
export function drawBasePoint(viewer, data) {
    let datasource = map_common_addDatasouce(viewer, "point");
    datasource.entities.removeAll();
    data.forEach(item => {
        let color = "";
        if (item.color === 1) {
            color = "#00BFFF";
        } else {
            if (item.type == "4G") {
                color = "#008000";
            } else if (item.type == "5G") {
                color = "#000099";
            }
        }
        datasource.entities.add({
            name : '扇形',
            position : Cesium.Cartesian3.fromDegrees(item.lng, item.lat, 0),
            orientation : Cesium.Transforms.headingPitchRollQuaternion(
                Cesium.Cartesian3.fromDegrees(item.lng, item.lat, 0),
                //Cesium.Math.toRadians(item.aoa) item.aoa是扇形的朝向
                new Cesium.HeadingPitchRoll(Cesium.Math.toRadians(item.aoa), 0, 0.0)
            ),
            ellipsoid : {
                radii : new Cesium.Cartesian3(50.0, 50.0, 50.0),  // 扇形半径
                innerRadii : new Cesium.Cartesian3(1.0, 1.0, 1.0), // 内半径
                minimumClock : Cesium.Math.toRadians(-40), // 左右偏角
                maximumClock : Cesium.Math.toRadians(10),
                minimumCone : Cesium.Math.toRadians(75),// 上下偏角  可以都设置为90
                maximumCone : Cesium.Math.toRadians(90),
                material : Cesium.Color.fromCssColorString(color).withAlpha(0.2),
                outline : true,
                outlineColor: Cesium.Color.fromCssColorString(color)
            }
        });
    })
}

数据格式：

data = [
        {
          aoa: 50,
          cell_id: undefined,
          cell_name: undefined,
          color: null,
          lat: 30.62841,
          lng: 104.06939,
          name: "D-ZRH-1",
          type: "5G"
        },
        {
          aoa: 130,
          cell_id: undefined,
          cell_name: undefined,
          color: null,
          lat: 30.62841,
          lng: 104.06939,
          name: "D-ZRH-2",
          type: "5G",
        },
        {
          aoa: 270,
          cell_id: undefined,
          cell_name: undefined,
          color: null,
          lat: 30.62841,
          lng: 104.06939,
          name: "D-ZRH-3",
          type: "5G"
        }
      ]

实现效果：

在这里插入图片描述
以上map_common_addDatasouce， jsonParse方法参考https://blog.csdn.net/weixin_39150852/article/details/119676613

依赖_赖
关注
  • 5
    点赞
  • 踩
  • 73
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Cesium标绘工具-扇形 源代码分享
04-22
具体可参考我的博文 https://blog.csdn.net/liyan_gis/article/details/104021603 这里涉及到一个问题，当我绘制扇形的时候，发现，绘制的结果是个立着的椭圆（应该是圆形），也就是南北长，东西短，目测应该是投影问题，然后进行了改造，将计算之前，先把笛卡尔坐标转成的经纬度坐标转成web墨卡托投影坐标，然后计算结束后，再将web墨卡托投影坐标转成经纬度坐标，再进行绘制即可
Cesium入门：Entities核心知识点总结
最新发布
大剑师兰特的GIS世界
06-27 1282
Cesium中的`Entities`是构建3D地理空间应用的核心组件，它允许开发者以高度灵活的方式在三维地球上创建和管理各种地理要素。以下是关于Cesium `Entities`的一些核心知识点总结
cesium加载entity图片缩放_Cesium中级教程4 – 空间数据可视化（二）
weixin_39647787的博客
11-20 1143
Cesium中文网：http://cesiumcn.org/ | 国内快速访问：http://cesium.coinidea.com/Viewer中的Entity功能让我们看看Viewer为操作entities提供出来的功能函数。选中和描述点击Viewer中的entity将在entity的位置上呈现SelectionIndicator控件，提供一个InfoBox用于呈现更多的信息。我们可以设置na...
【Cesium绘制扇形】
baidu_41564215的博客
06-05 1917
cesium绘制扇形区域，支持颜色、角度、半径调整，支持动态手动更新。
Cesium常见操作：entity闪烁
happy81997的博客
02-08 1145
核心思路，entity的闪烁主要是通过回调函数CallbackProperty，控制样式改变或是否显示。这里的方法其实就是通过CallbackProperty控制show为true或者false，如果x>=0.5，就是true，反之为false。
Cesium三维地球上添加点、线、面、文字、图标（图片）、模型等标绘
热门推荐
qq_17627195的博客
10-23 3万+
添加标绘之前要明白一点：Cesium Entity是可以与样式化图形表示配对并定位在空间和时间上的数据对象，或者说Cesium 提供 Entity API 来绘制控件数据。所以我们添加的所有标绘都是entity Entity API简介 Cesium提供两类API： 面向图形开发人员的底层API，通常称为“Primitive API”。该API暴露最小限度的抽象，使用图形学术语，具有很大的灵活性，需要具有图形学编程的知识。 高级别的数据驱动的API，称为“Entity API”。该API使用一致性设计的、
Cesium实现拖拽放大缩小实体圆功能
weixin_42045264的博客
07-15 1865
Cesium实现拖拽放大缩小实体圆功能 场景说明： 使用cesium绘制一个实体圆，需要在实体圆上标注一点，通过拖拽这个点实现对实体圆的放大缩小功能： 实现原理： 绘制一个实体圆，并绘制一个锚点，锚点的位置是通过圆形与半径计算出来的。 3： 关键代码： 第一步： 绘制实体圆： 假设圆心为center = { longitude: 121, latitude: 30 } radius: 300 // 半径为300米 viewer.entities.add({ position:
54.（cesium篇）cesium叠加动态流线(着色器).zip
11-23
在本教程中，我们将深入探讨如何在Cesium中叠加动态流线并利用着色器来实现这一效果。Cesium是一个强大的开源JavaScript库，用于在Web上创建3D地球和地理空间应用程序。它提供了丰富的功能，包括地理数据可视化、3D...
Cesium 实现动态立体墙效果；可以直接复制代码到 cesium sandcastle 中运行查看效果；
12-31
在本文中，我们将深入探讨如何使用Cesium库来实现动态立体墙效果。Cesium是一个强大的开源JavaScript库，专为在Web浏览器中展示3D地球模型和地理空间数据而设计。它利用 WebGL 技术，提供了丰富的图形渲染功能，使得...
86.（cesium篇）cesium叠加面接收阴影效果（gltf模型）.rar
06-24
该资源包的执行效果查看地址：...“地图之家”专栏中的“86.（cesium篇）cesium叠加面接收阴影效果（gltf模型）”。如下载有问题，可联系博主。 解压密码：cesium
80.（cesium篇）cesium动态纹理-文字.zip
05-06
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“80.（cesium篇）cesium动态纹理-文字”。如下载有问题，可联系博主。
Cesium
m0_49788155的博客
09-21 3925
Cesium
cesium画扇形
weixin_45940312的博客
05-16 2247
/** * @description 画扇形（从正北开始顺时针旋转） * @param {Number} d1 扇形第一个边的角度 * @param {Number} d2 扇形第二个边的角度 * @param {Number} lng 中心点经度 * @param {Number} lat 中心点纬度 * @param {Number} zcjl 扇形半径 */ drawSector(params) { console.log(params); var d1 = params.d1;
【超图+CESIUM】【基础API使用示例】02、超图｜CESIUM初始化场景与销毁场景
汪同学丶的博客
02-24 3135
前言 缺少前置学习使用资料，请自行查阅：[https://blog.csdn.net/weixin_44402694/article/details/123110136](https://blog.csdn.net/weixin_44402694/article/details/123110136) 以下示例使用到的公共静态资料，不建议下载，建议官网自行下载超图Build资源，示例所涉及图片会在示例使用到时提供出来。如有需要可下载：[https://download.csdn.net/download/
Cesium绘制扇形entity实体
你们瞎搞
01-17 851
由于Cesium中没有提供直接绘制扇形的接口，为此我们需要自己整，首先要用到的主要就是偏北角计算了，但是这里设计的在绘制大于180度的扇形时会出现问题，希望大佬给予建议。
【cesium】可视域分析
weixin_39823367的博客
03-24 4542
// 创建相机 createLightCamera () { this.lightCamera = new Cesium.Camera(this.viewer.scene); this.lightCamera.position = this.viewPosition; // if (this.viewPositionEnd) { // let direction = Cesium.Cartesian3.normalize(Cesium.Cartesian3.subtract(this.viewPos
cesium加载entity图片缩放_24G，90亿像素的银河系图片
weixin_39698007的博客
11-13 608
VISTA gigapixel mosaic of the central parts of the Milky Way在线查看网址：https://www.eso.org/public/images/eso1242a/zoomable/​www.eso.org官网下载地址：https://www.eso.org/public/images/eso1242a/​www.eso.orgThis st...
Cesium 利用callbackproperty实现鼠标点击改变point尺寸
半盏清茶，一杯浊酒
03-03 942
一、需求来源 项目中会绘制许多条折线，用户要求实现鼠标悬浮时突出显示此点。分为固定尺寸和回调函数两种 二、核心思想 为每个entity设置id，同时设置一个全局变量作为当前被选中的id； 在callbackproperty中判断当前选中的实体是否和自己属于同一条曲线，由此返回不同的属性值； 设置鼠标监听事件，根据鼠标悬浮的位置重置当前被选中的id； 三、效果 四、代码实现 1、绘制点1 let pointArr = [];//点位数组 let pointItem = null//右..
cesium 线条效果
09-20
Cesium是一个用于构建地球和空间应用的开源JavaScript库。要实现Cesium的线条效果，可以使用Cesium的PolylineGlowMaterial或PolylineOutlineMaterial材质。 PolylineGlowMaterial材质可以在线条周围创建一个发光效果，使线条看起来更加突出。以下是创建Cesium线条的示例代码： ```javascript var viewer = new Cesium.Viewer("cesiumContainer"); var positions = Cesium.Cartesian3.fromDegreesArray([ -115.0, 37.0, -107.0, 37.0, -102.0, 31.0, -102.0, 25.0 ]); viewer.entities.add({ polyline: { positions: positions, width: 5, material: new Cesium.PolylineGlowMaterialProperty({ glowPower: 0.2, color: Cesium.Color.YELLOW }) } }); ``` PolylineOutlineMaterial材质可以在线条周围创建一个轮廓效果，使线条更加清晰。以下是创建Cesium线条的示例代码： ```javascript var viewer = new Cesium.Viewer("cesiumContainer"); var positions = Cesium.Cartesian3.fromDegreesArray([ -115.0, 37.0, -107.0, 37.0, -102.0, 31.0, -102.0, 25.0 ]); viewer.entities.add({ polyline: { positions: positions, width: 5, material: new Cesium.PolylineOutlineMaterialProperty({ color: Cesium.Color.YELLOW, outlineWidth: 2, outlineColor: Cesium.Color.BLACK }) } }); ``` 以上示例代码中，positions数组定义了线条的坐标点，width属性定义了线条的宽度，material属性定义了线条的材质。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值