百度地图api接口仿租房平台多覆盖物实例

最新推荐文章于 2022-08-07 12:17:43 发布
最新推荐文章于 2022-08-07 12:17:43 发布
阅读量671 收藏 1
点赞数
分类专栏： js 第三方接口
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42935688/article/details/94486616
版权

html部分

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
		body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak;"></script>
	//执行不了 先换成你自己的ak 
	<script type="text/javascript" src="http://mat1.gtimg.com/libs/jquery/1.12.0/jquery.js"></script>
	<style type="text/css">
     {
      overflow:hidden; 
      text-overflow:ellipsis;
      white-space:nowrap;

    }
  </style>
	<title>demo</title>
</head>
<body>
	<div id="allmap"></div>
</body>

</html>

js部分

// 百度地图API功能
var mp = new BMap.Map("allmap");
mp.centerAndZoom(new BMap.Point(125.62,42.49), 15); //初始原点坐标
mp.enableScrollWheelZoom();
twoData = [
	{'x':'125.728',
	 'y': '42.54',
	 'name':'梅小河1',
	 'num':'35',
	},
	{'x':'125.712',
	 'y': '42.49',
	 'name':'梅小河2',
	 'num':'74',
	},
	{'x':'125.709',
	 'y': '42.51',
	 'name':'梅小河3',
	 'num':'74',
	},
];
threeData = [
	{'x':'125.77 ','y': '42.92','id':'118773'},
	{'x':'125.86 ','y': '42.74','id':'118774'},
	{'x':'125.69 ','y': '42.54','id':'118775'},
	{'x':'125.72 ','y': '42.54','id':'118776'},
	{'x':'127.05 ','y': '45.41','id':'118777'},
	{'x':'125.72 ','y': '42.54','id':'118778'},
	{'x':'125.68 ','y': '42.54','id':'118779'},
	{'x':'125.45 ','y': '42.38','id':'118780'},
	{'x':'125.43 ','y': '42.36','id':'118781'},
	{'x':'127.05 ','y': '45.41','id':'118782'},
	{'x':'125.68 ','y': '42.52','id':'118783'},
	{'x':'125.72 ','y': '42.55','id':'118784'},
	{'x':'125.62 ','y': '42.52','id':'118785'},
	{'x':'127.05 ','y': '45.41','id':'118786'},
	{'x':'125.71 ','y': '42.56','id':'118787'},
	{'x':'125.70 ','y': '42.54','id':'118788'},
	{'x':'125.69 ','y': '42.54','id':'118789'},
	{'x':'125.71 ','y': '42.55','id':'118790'},
	{'x':'125.71 ','y': '42.56','id':'118791'},
	{'x':'125.72 ','y': '42.54','id':'118792'},
	{'x':'125.71 ','y': '42.55','id':'118793'},
	{'x':'125.71 ','y': '42.55','id':'118794'},
	{'x':'125.69 ','y': '42.56','id':'118795'},
	{'x':'124.82 ','y': '45.12','id':'118796'},
	{'x':'124.82 ','y': '45.12','id':'118797'},
	{'x':'125.71 ','y': '42.53','id':'118798'},
	{'x':'125.72 ','y': '42.54','id':'118799'},
	{'x':'125.70 ','y': '42.55','id':'118800'},
	{'x':'124.82 ','y': '45.12','id':'118801'},
	{'x':'125.70 ','y': '42.54','id':'118802'},
	{'x':'125.68 ','y': '42.52','id':'118803'},
	{'x':'120.30 ','y': '30.02','id':'118804'},
	{'x':'124.82 ','y': '45.12','id':'118805'},
	{'x':'125.71 ','y': '42.53','id':'118806'},
	{'x':'119.79 ','y': '33.23','id':'118807'},
	{'x':'124.82 ','y': '45.12','id':'118808'},
	{'x':'125.70 ','y': '42.53','id':'118809'},
	{'x':'125.69 ','y': '42.53','id':'118810'},
	{'x':'124.30 ','y': '42.91','id':'118811'},
	{'x':'125.64 ','y': '42.44','id':'118812'},
	{'x':'116.64 ','y': '39.91','id':'118813'},
	{'x':'125.64 ','y': '42.40','id':'118814'},
	{'x':'126.05 ','y': '42.69','id':'118815'},
	{'x':'125.69 ','y': '42.56','id':'118816'},
	{'x':'126.05 ','y': '42.69','id':'118817'},
	{'x':'124.82 ','y': '45.12','id':'118818'},
	{'x':'124.82 ','y': '45.12','id':'118819'},
	{'x':'124.82 ','y': '45.12','id':'118820'},
	{'x':'124.82 ','y': '45.12','id':'118821'},
	{'x':'125.43 ','y': '42.38','id':'118822'},
	{'x':'125.77 ','y': '42.92','id':'118823'},
	{'x':'125.71 ','y': '42.53','id':'118824'},
	{'x':'125.72 ','y': '42.54','id':'118825'},
	{'x':'125.72 ','y': '42.54','id':'118826'},
	{'x':'127.05 ','y': '45.41','id':'118827'},
	{'x':'125.71 ','y': '42.55','id':'118828'},
	{'x':'125.77 ','y': '42.92','id':'118829'},
	{'x':'125.91 ','y': '42.73','id':'118830'},
	{'x':'125.41 ','y': '42.32','id':'118831'},
	{'x':'125.72 ','y': '42.54','id':'118832'},
	{'x':'125.71 ','y': '42.45','id':'118833'},
	{'x':'124.82 ','y': '45.12','id':'118834'},
	{'x':'124.82 ','y': '45.12','id':'118835'},
	{'x':'125.78 ','y': '42.65','id':'118836'},
	{'x':'125.70 ','y': '42.53','id':'118837'},
	{'x':'125.61 ','y': '42.42','id':'118838'},
	{'x':'125.67 ','y': '42.49','id':'118839'},
	{'x':'125.72 ','y': '42.55','id':'118840'},
	{'x':'117.77 ','y': '39.89','id':'118841'},
	{'x':'125.71 ','y': '42.55','id':'118842'},
	{'x':'125.70 ','y': '42.53','id':'118843'},
	{'x':'125.71 ','y': '42.55','id':'118844'},
	{'x':'125.70 ','y': '42.55','id':'118845'},
	{'x':'105.68 ','y': '37.49','id':'118846'},
	{'x':'125.71 ','y': '42.54','id':'118847'},
	{'x':'125.72 ','y': '42.54','id':'118848'},
	{'x':'124.82 ','y': '45.12','id':'118849'},
	{'x':'125.72 ','y': '42.54','id':'118850'},
	{'x':'125.88 ','y': '42.62','id':'118851'},
	{'x':'125.64 ','y': '42.44','id':'118852'},
	{'x':'125.72 ','y': '42.54','id':'118853'},
	{'x':'125.68 ','y': '42.52','id':'118854'},
	{'x':'125.86 ','y': '42.65','id':'118855'},
	{'x':'124.82 ','y': '45.12','id':'118856'},
	{'x':'124.82 ','y': '45.12','id':'118857'},
	{'x':'125.64 ','y': '42.44','id':'118858'},
	{'x':'109.88 ','y': '22.74','id':'118859'},
	{'x':'111.11 ','y': '39.04','id':'118860'},
	{'x':'125.75 ','y': '42.61','id':'118861'},
	{'x':'125.69 ','y': '42.53','id':'118862'},
	{'x':'125.70 ','y': '42.54','id':'118863'},
	{'x':'125.48 ','y': '42.37','id':'118864'},
	{'x':'125.50 ','y': '42.26','id':'118865'},
	{'x':'125.64 ','y': '42.44','id':'118866'},
	{'x':'125.64 ','y': '42.44','id':'118867'},
	{'x':'125.64 ','y': '42.44','id':'118868'},
	{'x':'114.49 ','y': '36.61','id':'118869'},
	{'x':'125.72 ','y': '42.55','id':'118870'},
	{'x':'125.70 ','y': '42.55','id':'118871'},
	{'x':'125.70 ','y': '42.53','id':'118872'},
	{'x':'125.70 ','y': '42.53','id':'118873'},
	{'x':'125.45 ','y': '42.38','id':'118874'},
	{'x':'125.71 ','y': '42.45','id':'118875'},
	{'x':'125.71 ','y': '42.55','id':'118876'},
	{'x':'127.05 ','y': '45.41','id':'118877'},
	{'x':'125.76 ','y': '42.56','id':'118878'},
	{'x':'125.71 ','y': '42.55','id':'118879'},
	{'x':'127.05 ','y': '45.41','id':'118880'},
	{'x':'125.72 ','y': '42.52','id':'118881'},
	{'x':'125.69 ','y': '42.54','id':'118882'},
	{'x':'125.72 ','y': '42.54','id':'118883'},

	
];





// 定义 1级  大模块 
function oneLevel(point, text, num){
  console.log(point);
  this._point = point;
  this._text = text;
  this._num = num;
}
oneLevel.prototype = new BMap.Overlay();
oneLevel.prototype.initialize = function(map){
  this._map = map;
  var div = this._div = document.createElement("div");
  div.style.position = "absolute";
  div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
  div.style.backgroundColor = "#15baf3";
  div.style.color = "white";
  div.style.width = "100px";
  div.style.height = "100px";
  div.style.borderRadius= '50%';
  div.style.padding = "2px";
  div.style.lineHeight = "18px";
  div.style.whiteSpace = "nowrap";
  div.style.MozUserSelect = "none";
  div.style.fontSize = "15px";
  div.style.textAlign = "center";
  
  $(div).attr('id','sss');
  var span = this._span = document.createElement("div");
  var span_1 = this._span = document.createElement("div");
  span.title = this._text;
  span.style.margin= '24px 0px 0px 7px';
  span.style.width = '80px';
  span.style.overflow = 'hidden';
  span.style.textOverflow = 'ellipsis';
  span.style.whiteSpace = 'nowrap';
  
  span.style.height = "35px"
  span_1.style.height = "35px"
  div.appendChild(span);
  div.appendChild(span_1);
  span.appendChild(document.createTextNode(this._text));      
  span_1.appendChild(document.createTextNode(this._num));
  var that = this;
  mp.getPanes().labelPane.appendChild(div);
  return div;
}
oneLevel.prototype.draw = function(){
  var map = this._map;
  var pixel = map.pointToOverlayPixel(this._point);
  this._div.style.left = pixel.x -50  + "px";
  this._div.style.top  = pixel.y -50 + "px";
}


var point = new BMap.Point(125.62,42.49);
var one = new oneLevel(point, "梅河口市梅河口市梅河口市梅河口市梅河口市梅河口市","123");
mp.addOverlay(one);

var marker = new BMap.Marker(point);  // 创建标注
mp.addOverlay(marker);              // 将标注添加到地图中
mp.centerAndZoom(point, 15);
var opts = {
  width : 200,     // 信息窗口宽度
  height: 400,     // 信息窗口高度
  title : "海底捞王府井店" , // 信息窗口标题
  enableMessage:true,//设置允许信息窗发送短息
  message:"亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
}
var infoWindow = new BMap.InfoWindow('<div>地址：北京市东城区王府井大街88号乐天银泰百货八层<div><div>地址：北京市东城区王府井大街88号乐天银泰百货八层<div><div><a style="float:right" >XX</a><div>', opts);  // 创建信息窗口对象 
// one.addEventListener("click", function(){          
// });
$('#sss').click(function(){
  mp.openInfoWindow(infoWindow,point); //开启信息窗口
})


function twoLevel(point, text, num){
  this._point = point;
  this._text = text;
  this._num = num;
}
twoLevel.prototype = new BMap.Overlay();
twoLevel.prototype.initialize = function(map){
  this._map = map;
  var div = this._div = document.createElement("div");
  div.className = 'twodiv';
  div.style.position = "absolute";
  div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
  div.style.backgroundColor = "#15baf3";
  div.style.color = "white";
  div.style.width = "100px";
  div.style.height = "100px";
  div.style.borderRadius= '50%';
  div.style.padding = "2px";
  div.style.lineHeight = "18px";
  div.style.whiteSpace = "nowrap";
  div.style.MozUserSelect = "none";
  div.style.fontSize = "15px";
  div.style.textAlign = "center";
  div.style.lineHeight = "70px";

  var span = this._span = document.createElement("div");
  var span_1 = this._span = document.createElement("div");
  span.style.height = "35px"
  span_1.style.height = "35px"
  div.appendChild(span);
  div.appendChild(span_1);
  span_1.appendChild(document.createTextNode(this._num));
  span.appendChild(document.createTextNode(this._text));      
  var that = this;
  mp.getPanes().labelPane.appendChild(div);
  return div;
}
twoLevel.prototype.draw = function(){
  var map = this._map;
  var pixel = map.pointToOverlayPixel(this._point);
  this._div.style.left = pixel.x  + "px";
  this._div.style.top  = pixel.y  + "px";
}



function threeLevel(point,id){
  this._point = point;
  this._id = id;
}
threeLevel.prototype = new BMap.Overlay();
threeLevel.prototype.initialize = function(map){
  this._map = map;
  var div = this._div = document.createElement("div");
  $(div).attr('id',this._id);
  div.className = 'threediv';
  div.style.position = "absolute";
  div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
  div.style.backgroundColor = "#15baf3";
  div.style.color = "white";
  div.style.width = "30px";
  div.style.height = "30px";
  div.style.borderRadius= '50%';
  div.style.padding = "2px";
  div.style.lineHeight = "18px";
  div.style.whiteSpace = "nowrap";
  div.style.MozUserSelect = "none";
  div.style.fontSize = "15px";
  div.style.textAlign = "center";
  div.style.lineHeight = "70px";
  $(div).attr('onclick','ddd(this)')
  var that = this;

  mp.getPanes().labelPane.appendChild(div);
  return div;
}


threeLevel.prototype.draw = function(){
  var map = this._map;
  var pixel = map.pointToOverlayPixel(this._point);
  this._div.style.left = pixel.x  + "px";
  this._div.style.top  = pixel.y  + "px";
}
  

$.each(twoData,function(i,n){
	var two = new twoLevel(new BMap.Point(n.x,n.y), n.name,n.num);
	mp.addOverlay(two);
}) 

$('.twodiv').hide() 

$.each(threeData,function(i,n){
	var three = new threeLevel(new BMap.Point(n.x,n.y),n.id);
	mp.addOverlay(three);

})
$('.threediv').hide() 

mp.addEventListener("zoomend", function(evt){
	zoom =  mp.getZoom();
	console.log(zoom)
	if(zoom <= 12){
		one.show();
		$('.twodiv').hide()
	}else if(zoom >= 13 && zoom <= 15 ){
		one.hide();
		$('.twodiv').show();
		$('.threediv').hide();

	}else{
		one.hide();
		$('.twodiv').hide();
		$('.threediv').show();
	}


});
瞎写小白
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java租房系统如何使用地图_GitHub - 1inchc/rent-house: 租房系统，前后端分离，高仿自如。 结合elasticsearch与百度api实现地图找房，距离找房等实用功能. ...
weixin_36261424的博客
02-26 743
Rent-House项目致力于打造一个完整的租房系统，采用现阶段流行技术实现。项目介绍rent-house 项目是一套模仿自如的租房系统，基于SpringBoot+Elasticsearch实现，采用Docker容器化部署。系统主要包含租房首页、房源搜索、房源展示、地图找房、房源周边检索、收藏栏、看房预约、用户中心、发布管理、账号管理等模块。在线演示租房网地址: http://house.tou...
百度地图开发java源码-elasticsearch-house:基于Elasticsearch的租房搜索系统
06-06
百度地图开发java源码 elasticsearch-house 基于Elasticsearch的租房搜索系统 概述 一、系统架构 主要是以MySQL作为基础数据存储，结合ES实现站内搜索引擎。 二、涉及技术 核心搜索技术： SpringBoot + Elasticsearch（方便实现站内搜索引擎） 站内搜索引擎实现： Elasticsearch + MySQL + Kafka 地图搜索： Elasticsearch + 百度地图 负载均衡，安全加固技术（监控报警）： Elasticsearch + Nginx 日志数据分析技术： ELK：Elasticsearch + Logstash + Kibana 数据库： MySQL（其事务特性可做稳定的数据存储） + Spring Data JPA 前端框架： thymeleaf（模版引擎技术，语法更接近HTML） + Bootstrap（前端开发框架） + JQuery 项目安全框架： Spring Security（权限控制、自定义安全策略） 图片上传： 七牛云 + 百度开源框架webUpload 免注册登录： 阿里短信（基于阿里云通
python百度地图和租房信息_python爬虫租房信息在地图上显示的方法
weixin_39962394的博客
11-21 398
本人初学python是菜鸟级，写的不好勿喷。python爬虫用了比较简单的urllib.parse和requests，把爬来的数据显示在地图上。接下里我们话不多说直接上代码:1.安装python环境和编辑器（自行度娘）2.本人以58品牌公寓为例，爬取在杭州地区价格在2000-4000的公寓。#-*- coding:utf-8 -*-from bs4 import BeautifulSoupfrom...
租房API调用
12-16
运用python代码结合高德地图App设计的租房app 包含项目代码和爬取的相关数据
房屋租赁管理系统API
zhang_java_11的博客
03-23 1229
房屋租赁管理系统API 第一版:init by admin 2021-03-22 用户模块 1.用户注册: 请求地址: /user/register 请求方式:Post 参数类型:application/json 请求参数: { "uName": "Jack", //用户名 not null "uPassword": "123123", //密码 not null "uSex": "1", //性别 "uRole": null, //角色
基于百度地图api清除指定覆盖物(Overlay)的方法
08-28
基于百度地图API清除指定覆盖物（Overlay）的方法 基于百度地图API，清除指定覆盖物（Overlay）是地图开发中的一项重要任务。本文将分享一种通过百度地图API清除指定覆盖物的方法，具有很好的参考价值，希望对大家...
百度地图无限个多边形覆盖物实例代码
11-18
同时本代码实例补充了百度地图API功能，实现在多边形覆盖物中心点显示覆盖区域名称的功能，同时改变覆盖物形状，名称位置会自动更新于覆盖物的中心。点击名称还可弹出名称编辑对话框，实现更新覆盖区域名称的目的，...
c# 调用百度地图API 代码示例
04-23
将百度地图嵌入c# cs窗体中，cs...查了很多资料，参考网上众多朋友的代码及百度地图API demo,这个例子中的js代码不用key，方便很多，使用的是v1.4版，少了很多限制，使用.net4.5开发的，可以将c#代码转为低版本也行的。
百度地图API，获取可编辑圆形覆盖物点坐标，实现收缩并实时显示半径
07-24
百度在线地图，绘制圆形覆盖物且可进行编辑，实现收缩并实时显示半径
c#调用百度地图api实例项目源码
03-14
可以使用百度地图API的覆盖物（Overlay）功能来绘制矩形框。 6. **路线规划**： 百度地图API提供了路径规划服务，可以计算两点或多点之间的最佳行驶路线。通过发送请求并解析返回的JSON数据，我们可以获取路线的...
仿照百度地图搜索功能（在线建议）Demo
05-24
仿照百度地图搜索功能，输入搜索地点，在ListView展示返回结果。（Studio版本）
js+vue手机app租房
10-03
JavaScript，vue框架,手机App项目
该项目是基于百度地图SDK开发的一款交通助手App，
12-11
该版本的百度地图SDK为v3.2.0. 使用百度地图SDK实现的功能有：普通地图显示、卫星地图显示、交通流量图显示、城市热力图显示、定位功能、模式切换（普通模式、跟随模式、罗盘模式）、公交地铁查询、离线地图下载和导航功能。其他的附加功能有浏览网页功能和通讯录功能。
房地产门户网站源码(界面漂亮.高仿安居客+数据库【原创】)
10-16
房地产门户网站源码，界面优雅漂亮，高仿安居客+数据库【原创】。开发环境：vs2008+sql2005。 1、支持新房，新楼盘，小区，二手房，租房小区发布，编辑，修改功能&dec; 2、支持积分，发布房源、发布论坛帖子可获得积分，积分可交易，对换收费功能&dec; 3、支持GOOGLE地图搜索房源，可在地图内植入广告，带来更多经济收入&dec; 4、支持上下架，下架房源将自动隐藏&dec; 5、支持地铁，区域，面积，房型、价格，支持拼音等众多搜索功能&dec; 6、自动统计房源和小区据数，动态生成&def;自动生成房价图&dec; 7、对中介门店、纪经人支持审核，认证、编辑，修改功能&dec; 8、站内有配套的BBS系统，添加、修改，删除&dec; 9、站内支持多权限管理，分为:超级管理员&def;普通管理员&def;员工，同时你还可以自定义权限&dec; 10、采用DIV+CSS布局，伪静态，自动成HTML，增强GOOGLE、百度收录
租房前台HTML效果图
09-30
卖房，租房类，java项目前台HTML效果图，有需要前台设计的可以下载，内含HTML，CSS，JS等文件。
百度地图——地图找房功能
weixin_69413377的博客
08-07 1201
代码地址：https://gitee.com/yuqi818/itcast-baidumap.git。* @param maxLongitude 最大经度。* @param minLongitude 最小经度。* @param maxLatitude 最大纬度。* @param minLatitude 最小纬度。* @param maxLongitude 最大经度。* @param minLongitude 最小经度。//价格保留2位小数。//价格保留2位小数。//价格保留2位小数。......
python爬虫租房信息在地图上显示
qq_36091581的博客
08-08 4465
本人初学python是菜鸟级，写的不好勿喷。 python爬虫用了比较简单的urllib.parse和requests，把爬来的数据显示在地图上。接下里我们话不多说直接上代码: 1.安装python环境和编辑器（自行度娘） 2.本人以58品牌公寓为例，爬取在杭州地区价格在2000-4000的公寓。#-*- coding:utf-8 -*- from bs4 import Bea
百度地图点聚合仿链家定位点多级聚合，且滑动、刷新加载定位点
baidu_36600645的博客
01-15 3802
四个月前公司新项目，要求首页仿链家实现地图定位点多级聚合，效果图如下： 好吧，我们没效果图，暂时拿链家的效果图代替一下： 效果大概是这个样子，而我们要求比链家更深一级，当时看到这需求和效果，第一想法就是下载百度官方 demo，下载运行后发现很不适用，然后尝试着修改官方源码，结果从入门改到放弃...... 然后，网上各种搜索，找了一天发现几乎没有这方面写的比较详细、实用的文章...... ...
百度地图点聚合开发-地图找房功能
热门推荐
一个不靠谱的程序员
02-17 2万+
现在好多房产网站都有了地图找房功能，如链家、悟空找房等。。 因项目需要用到点聚合的功能，因此研究了一下百度地图的聚合API。 这是一个基于百度地图API和百度地图开源库聚合marker开发的一个地图找房的demo。 主要功能如下： 仿照http://www.wkzf.com/nmap.html这个网站做的 1.当缩放到一定级别的时候显示聚合的点的数量 2.当放大到一定级别后
百度地图api实现覆盖物雷达效果
最新发布
05-13
百度地图API提供了非常丰富的功能来支持开发者开发各种应用程序和地图功能。其中之一就是实现覆盖物雷达效果。具体实现过程如下： 首先，需要在地图上创建一个圆形覆盖物，表示雷达扫描范围。可以使用百度地图API...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值