百度鹰眼 绘制围栏

最新推荐文章于 2022-06-16 16:24:51 发布
原创 最新推荐文章于 2022-06-16 16:24:51 发布 · 6.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#百度地图 #百度鹰眼 #js #web #html

先贴个图

红色围栏是本地绘制的，蓝色为服务器上的数据。
在这里插入图片描述
大概思路是这样，先通过get，将鹰眼服务器数据拿下来，在调用百度地图js api将围栏绘制出来如图蓝色围栏，红色围栏通过DrawingManager这个类来绘制，然后保存到服务器，当然蓝色围栏也可以实现编辑，删除。

demo下载加个后缀 .html，修改ak和service_id
在这里插入图片描述

<!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{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
	#allmap {width: 100%; height:100%; overflow: hidden;}
	#result {width:100%;font-size:12px;}
	dl,dt,dd,ul,li{
		margin:0;
		padding:0;
		list-style:none;
	}
	p{font-size:12px;}
	dt{
		font-size:14px;
		font-family:"微软雅黑";
		font-weight:bold;
		border-bottom:1px dotted #000;
		padding:5px 0 5px 5px;
		margin:5px 0;
	}
	dd{
		padding:5px 0 0 5px;
	}
	li{
		line-height:28px;
	}

	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7R9KWvjvVaV32ejXIC16T05dP7yPnulY"></script>
	<!--加载鼠标绘制工具-->
	<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
	<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
	<!--加载检索信息窗口-->
	<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.js"></script>
	<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.css" />
	<!--官方jquery 压缩版引用-->
	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	<title>绘制围栏</title>
</head>
<body>
	<div id="allmap" style="overflow:hidden;zoom:1;position:relative;">	
		<div id="map" style="height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;"></div>
	</div>
	<!--
	<div id="result">
		<input type="button" value="获取覆盖物个数" οnclick="alert(overlays.length)"/>
		<input type="button" value="清除所有覆盖物" οnclick="clearAll()"/>
	</div>
	-->
<script type="text/javascript">

	//初始化地图
    //var map = new BMap.Map('map');
    //var poi = new BMap.Point(106.909136,29.895601);
    //初始化地图
	var map = new BMap.Map("allmap");
	map.centerAndZoom(new BMap.Point(106.909136,29.895601), 16);
	map.disableDoubleClickZoom();

    //覆盖物列表 本地围栏
    var overlays = [];
    //覆盖物类型
    var overlays_type = [];
    //云端围栏
    var yingyanfences;
    //ak service_id
	var ak='your_ak'; //ak
	var service_id='your_service_id'; //service_id
	//百度鹰眼接口 查询get 上传post
	var createcircle_url='http://yingyan.baidu.com/api/v3/fence/createcirclefence';//创建圆形
	var createpolygon_url='http://yingyan.baidu.com/api/v3/fence/createpolygonfence';//创建多边形
	var createpolyline_url='http://yingyan.baidu.com/api/v3/fence/createpolylinefence';//创建线形
	var createpolyline_url='http://yingyan.baidu.com/api/v3/fence/createpolylinefence';//创建线形
	var createdistrict_url='http://yingyan.baidu.com/api/v3/fence/createdistrictfence';//创建行政区
	var updatecircle_url='http://yingyan.baidu.com/api/v3/fence/updatecirclefence';//更新圆形
	var updatepolygon_url='http://yingyan.baidu.com/api/v3/fence/updatepolygonfence';//更新多边形
	var updatepolyline_url='http://yingyan.baidu.com/api/v3/fence/updatepolylinefence';//更新线型
	var updatedistrict_url='http://yingyan.baidu.com/api/v3/fence/updatedistrictfence';//更新行政区
	var delete_url='http://yingyan.baidu.com/api/v3/fence/delete';//删除围栏
	var list_url='http://yingyan.baidu.com/api/v3/fence/list';//查询围栏 0-99
	var addmonitor_url='http://yingyan.baidu.com/api/v3/fence/addmonitoredperson';//增加围栏需监控的entity
	var deletemonitor_url='http://yingyan.baidu.com/api/v3/fence/deletemonitoredperson';//删除围栏可去除监控的entity
	var listmonitor_url='http://yingyan.baidu.com/api/v3/fence/listmonitoredperson';//查询围栏监控的所有entity
    //相关数据，位置，logo初始化 
	mapinit();
	
	//绘制事件完成时，将该绘制图形加入到覆盖物列表
    var overlaycomplete = function(e){
        overlays.push(e.overlay); 
        overlays_type.push(e.drawingMode);
    };
	//鼠标绘制工具
    var styleOptions = {
        strokeColor:"red",    //边线颜色。
        fillColor:"red",      //填充颜色。当参数为空时，圆形将没有填充效果。
        strokeWeight: 3,       //边线的宽度，以像素为单位。
        strokeOpacity: 0.8,	   //边线透明度，取值范围0 - 1。
        fillOpacity: 0.6,      //填充的透明度，取值范围0 - 1。
        strokeStyle: 'solid' //边线的样式，solid或dashed。
    }
    //实例化鼠标绘制工具
    var drawingManager = new BMapLib.DrawingManager(map, {
        isOpen: false, //是否开启绘制模式
        enableDrawingTool: true, //是否显示工具栏
        drawingToolOptions: {
            anchor: BMAP_ANCHOR_TOP_RIGHT, //位置
            offset: new BMap.Size(50, 5), //偏离值
        },
        circleOptions: styleOptions, //圆的样式
        polylineOptions: styleOptions, //线的样式
        polygonOptions: styleOptions, //多边形的样式
        rectangleOptions: styleOptions //矩形的样式
    });  
	//添加鼠标绘制工具监听事件，用于获取绘制结果
    drawingManager.addEventListener('overlaycomplete', overlaycomplete);
    

    //清空覆盖物列表
    function clearAll() {
		for(var i = 0; i < overlays.length; i++){
			
            map.removeOverlay(overlays[i]);
        }
        overlays.length = 0   
    }
    //将覆盖物列表（本地围栏）保存到云端围栏
    function saveAll()
    {
    	for(var i = 0; i < overlays.length; i++){
			//alert(overlays[i].drawingMode);
			/*
			var property = "";
			for (var item in overlays[i]) {
			     property += "属性：" + item + "数值：" + overlays[i][item] + "\n";
			}
			*/
			//console.log(overlays_type[i]);
			//console.log(overlays[i].drawingMode);
			console.log(overlays[i]);
			if(overlays_type[i]=="circle")
	        {
	        	//console.log(overlays[i].point.lat);
	        	//console.log(overlays[i].point.lng);
	        	//console.log(overlays[i].xa);
	        	//按圆形方式保存
	        	var createcircle_data={
				    ak:ak,
				    service_id:service_id,
				    fence_name:'circle_fences',
				    monitored_person:'',
				    longitude: overlays[i].point.lng,
				    latitude: overlays[i].point.lat,
				    radius: overlays[i].xa,
				    coord_type:'bd09ll',
				    denoise:'',
				    sn:'',
				};
				post_data(createcircle_url, createcircle_data);
	        }
	        /*
	        if(overlays_type[i]=="rectangle")
	        {
	        	for(var j = 0; j < overlays[i].so.length; j++){	
					console.log(overlays[i].so[j].lng);
					console.log(overlays[i].so[j].lat);
	        	}
	        	//按矩形方式保存
	        }
	        */
	        if(overlays_type[i]=="rectangle" || overlays_type[i]=="polygon")
	        {
	        	var createpolygon_vertexes="";
	        	for(var j = 0; j < overlays[i].so.length; j++){
					createpolygon_vertexes=createpolygon_vertexes+overlays[i].so[j].lat;
					createpolygon_vertexes=createpolygon_vertexes+',';
					createpolygon_vertexes=createpolygon_vertexes+overlays[i].so[j].lng;
					createpolygon_vertexes=createpolygon_vertexes+';';
	        	}
				console.log(createpolygon_vertexes);
	        	//按多边形方式保存
	        	var createpolygon_data={
				    ak:ak,
				    service_id:service_id,
				    fence_name:'polygon_fence',
				    monitored_person:'',
				    vertexes: createpolygon_vertexes,
				    coord_type:'bd09ll',
				    denoise:'',
				    sn:'',
				};
				post_data(createpolygon_url, createpolygon_data);
	        }
	        
	        if(overlays_type[i]=="polyline")
	        {
	        	for(var j = 0; j < overlays[i].so.length; j++){	
	        		console.log(overlays[i].so[j].lng);
					console.log(overlays[i].so[j].lat);
	        	}
	        	//按线型方式保存
	        }

        }
    }
    //清除所有服务器已经存在的围栏
    function ClearAll_onService() {
	 	var fence_id = '0,'
		for(var i = 1; i < 99; i++){	
	        fence_id=fence_id+i;
	        fence_id=fence_id+',';
	    }
	    fence_id=fence_id+99;

	 	var delete_data={
			    ak:ak,
			    service_id:service_id,
			    monitored_person:'',
			    fence_ids: fence_id,
			    sn:'',
			};
		post_data(delete_url, delete_data);
    }

    //定义一个控件类,即function
	function ZoomControl(){
	  // 默认停靠位置和偏移量
	  this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
	  this.defaultOffset = new BMap.Size(10, 10);
	}
	// 通过JavaScript的prototype属性继承于BMap.Control
	ZoomControl.prototype = new BMap.Control();
	// 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回
	// 在本方法中创建个div元素作为控件的容器,并将其添加到地图容器中
	ZoomControl.prototype.initialize = function(map){
		// 创建一个DOM元素
		var div = document.createElement("div");
		// 添加文字说明
		div.appendChild(document.createTextNode("重新绘制"));
		// 设置样式
		div.style.cursor = "pointer";
		div.style.border = "1px solid gray";
		div.style.backgroundColor = "white";
		// 绑定事件,点击一次放大两级
		div.onclick = function(e){
			//map.setZoom(map.getZoom() + 2);
			clearAll();
		}
		// 添加DOM元素到地图中
		map.getContainer().appendChild(div);
		// 将DOM元素返回
		return div;
	}

	function SendControl(){
		this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
		this.defaultOffset = new BMap.Size(100, 10);
	}
	SendControl.prototype = new BMap.Control();
	SendControl.prototype.initialize = function(map){
		var div = document.createElement("div");
		div.appendChild(document.createTextNode("保存围栏"));
		div.style.cursor = "pointer";
		div.style.border = "1px solid gray";
		div.style.backgroundColor = "white";
		div.onclick = function(e){
			saveAll();
		}
		map.getContainer().appendChild(div);
		return div;
	}

	function ClearControl(){
		this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
		this.defaultOffset = new BMap.Size(200, 10);
	}
	ClearControl.prototype = new BMap.Control();
	ClearControl.prototype.initialize = function(map){
		var div = document.createElement("div");
		div.appendChild(document.createTextNode("清除全部"));
		div.style.cursor = "pointer";
		div.style.border = "1px solid gray";
		div.style.backgroundColor = "white";
		div.onclick = function(e){
			ClearAll_onService();
		}
		map.getContainer().appendChild(div);
		return div;
	}

	// 创建控件
	var myZoomCtrl = new ZoomControl();
	var mySendCtrl = new SendControl();
	var myClearControl = new ClearControl();
	// 添加到地图当中
	map.addControl(myZoomCtrl);
	map.addControl(mySendCtrl);
	map.addControl(myClearControl);

	/* 显示卫星地图
	var mapType1 = new BMap.MapTypeControl(
		{
			mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP],
			anchor: BMAP_ANCHOR_TOP_RIGHT
		}
	);//2D图，混合图
	map.addControl(mapType1);
	*/

    //设置版权控件
	function mapinit() {
		//初始化地图
		//map.centerAndZoom(poi, 16);
		map.enableScrollWheelZoom(); 

		var cr = new BMap.CopyrightControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT});
		//设置版权控件位置
		map.addControl(cr); //添加版权控件
		var bs = map.getBounds();   //返回地图可视区域
		cr.addCopyright({id: 1, content: "<a href='#' style='font-size:12px;background:white'> Copyright ©重庆第二师范物联网硬件工作室</a>", bounds: bs});   

		get_yingyanfences();
	}

	//绘制云端围栏
	function draw_yingyanfences()
	{
		var fences=[];

		for(var i=0; i<yingyanfences.size; i++)
		{
			if(yingyanfences.fences[i].shape=='circle')
			{
				var point = new BMap.Point(yingyanfences.fences[i].longitude, yingyanfences.fences[i].latitude);
				var circle = new BMap.Circle(point,yingyanfences.fences[i].radius,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5}); //创建圆	

				fences.push(circle);
			}
			if(yingyanfences.fences[i].shape=='polygon')
			{
				//console.log(yingyanfences.fences[i]);
				var polygon_point=[];
				for(var j=0; j<yingyanfences.fences[i].vertexes.length; j++)
				{
					var point = new BMap.Point(yingyanfences.fences[i].vertexes[j].longitude, yingyanfences.fences[i].vertexes[j].latitude);
					polygon_point.push(point);
				}
				var polygon = new BMap.Polygon(polygon_point, {strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5});  //创建多边形
				fences.push(polygon);
			}
			
		}

		//将围栏（覆盖物）加入到地图，并绑定事件
		for(var i=0; i<fences.length; i++)
		{
			//点击覆盖物时，覆盖物可编辑
			fences[i].addEventListener("click",click_circle);
			function click_circle(){
				this.enableEditing();
			}
			//双击覆盖物时，删除覆盖物
			fences[i].addEventListener("dblclick",delete_circle);
			function delete_circle(){
				if(window.confirm('是否移除该围栏')){
				     this.remove();
				}else{

				}
			}
			//当鼠标移动到某个覆盖物时，将该覆盖物设置为最顶层
			fences[i].addEventListener("mouseover",moveover_circle);
			function moveover_circle(){
				this.setTop(true);
			}
			//当鼠标移出某个覆盖物时，将该覆盖物设置为最底层
			fences[i].addEventListener("mouseout",moveout_circle);
			function moveout_circle(){
				this.disableEditing()
				this.setTop(false);
			}
			/*
			//当围栏发生改变时 
			circle_fences[i].addEventListener("lineupdate",update_circle);
			function update_circle(){
				//this.setStrokeColor("red");
				console.log(getStrokeColor());
			}
			*/
			map.addOverlay(fences[i]);     //增加圆
		}
	}
	/*
	function post(){
		$.ajax({
		url:'http://yingyan.baidu.com/api/v3/fence/createcirclefence',
		type: 'post',
		dataType:'json',
		data:{
		    ak:'7R9KWvjvVaV32ejXIC16T05dP7yPnulY',
		    service_id:'212041',
		    fence_name:'test123',
		    monitored_person:'',
		    longitude: longitude,
		    latitude: latitude,
		    //longitude: gcj.lon,
		    //latitude: gcj.lat,
		    radius:'75.93805346277371',
		    coord_type:'gcj02',
		    denoise:'',
		    sn:'',
		},
		success:function(result){
		    console.log(result);
			},
		error:function(err){
			console.log(err)
			}
		});
	}*/
	
	function post_data(url, date){
		$.ajax({
		url:url,
		type: 'post',
		dataType:'json',
		data:date,
		success:function(result){
		    	console.log(result);
		    	if(result.status==2)
		    	{
		    		if(window.confirm(result.message+",请重新绘制")){
					     clearAll();
					}else{

					}
				}
			},
		error:function(err){
				console.log(err)
			}
		});
	}

	function get_data(url, date){
		$.ajax({
		url:url,
		type: 'get',
		dataType:'json',
		data:date,
		success:function(result){
		    	console.log(result);
		    	return result;
			},
		error:function(err){
				console.log(err)
			}
		});
	}

	//从云端获取围栏数据
	function get_yingyanfences(){
		var fence_id = '0,'
		for(var i = 1; i < 99; i++){	
	        fence_id=fence_id+i;
	        fence_id=fence_id+',';
	    }
	    fence_id=fence_id+99;

		$.ajax({
			url:'http://yingyan.baidu.com/api/v3/fence/list',
			type: 'get',
			dataType:'json',
			data:{
			    ak:ak,
			    service_id:service_id,
			    monitored_person:'',
			    fence_ids:fence_id,
			    coord_type_output:'bd09ll',
			    page_index:'',
			    page_size:'',
			    sn:'',
			},
		success:function(result){
			yingyanfences=result;
			console.log(result);
			//绘制云端围栏
			draw_yingyanfences();
		},
		error:function(err){
			console.log(err);
		}
		});
	}

	/*
	//向服务器上传围栏
	function upload_circle(e){
		console.log(e);
		$.ajax({
		url:'http://yingyan.baidu.com/api/v3/fence/createcirclefence',
		type: 'post',
		dataType:'json',
		data:{
		    ak:'7R9KWvjvVaV32ejXIC16T05dP7yPnulY',
		    service_id:'212041',
		    fence_name:'test123',
		    monitored_person:'',
		    longitude: e.point.lng,
		    latitude: e.point.lat,
		    radius: e.xa,
		    coord_type:'bd09ll',
		    denoise:'',
		    sn:'',
		},
		success:function(result){
		    console.log(result);
		},
		error:function(err){
			console.log(err)
		}
		});
	}
	*/
</script>
</body>
</html>

浏览器限制，post，get会存在跨域问题，由于不是专门搞这个的，
就没有在代码中做解决，只是通过设置浏览器暂时解决，如下
在这里插入图片描述
在谷歌浏览器的快捷方式的最后面加上“ --disable-web-security --user-data-dir=C:\chromedata”

解释得不清楚可以看下别人的

当然只是一个demo，当初找半天没找到，就贴一下自己的。

uniapp 移动端使用百度地图实现电子围栏
ve__locity的博客
02-17 2246
uniapp H5移动端使用百度地图实现电子围栏
如何在vue中使用高德地图绘制围栏
u014760706的博客
08-21 5367
安装vue-amap npm install vue-amap --save 在main.js中引入 vue-amap import VueAMap from ‘vue-amap’; Vue.use(VueAMap ); //引入插件 VueAMap.initAMapApiLoader({ // 高德key key: ‘’, // 插件集合 （插件按需引入） plugin: [ “AMa...
百度官方demo 鹰眼轨迹
11-15
百度官方demo 鹰眼轨迹 [注：本内容来自网络，在此分享仅为帮助有需要的网友，如果侵犯了您的权利，麻烦联系我，我会第一时间删除，谢谢您。]
百度地图- - - 鹰眼轨迹- - - 地理围栏
weixin_33834628的博客
03-07 1198
2019独角兽企业重金招聘Python工程师标准>>> ...
百度鹰眼控制台Demo，可整合javaweb
11-11
一直没有找到百度鹰眼控制台整合java web的教程，自己花了两天时间做了一个。 此的Demo可以直接放在普通网页服务器上跑，不需要node.js，可以像普通页面一样整合进javaweb
百度鹰眼轨迹官方demo
05-31
百度鹰眼轨迹官方 demo 集成项目 .。
百度鹰眼API 轨迹追踪的实现
12-03
这个示例可能涵盖了初始化API、上报位置信息以及绘制轨迹等基本操作，是学习和理解百度鹰眼API的好起点。 总的来说，百度鹰眼API为开发者提供了一套完整的解决方案，用于实现轨迹追踪功能。通过熟练掌握其API接口和...
百度鹰眼API工程例子
06-11
【百度鹰眼API工程例子】是一个实用的示例项目，主要展示了如何集成并使用百度的鹰眼服务。百度鹰眼，又称Baidu Trace，是百度提供的一种定位追踪服务，广泛应用于物流、车辆管理、人员调度等领域。这个压缩包中包含...
百度鹰眼历史androidSDK（3_0_3-3_0_7）
03-24
这个资源包包含了从3_0_3到3_0_7版本的百度鹰眼Android SDK，允许开发者集成到自己的应用程序中，实现一系列与位置追踪和地理围栏相关的功能。 在Android应用开发中，百度鹰眼SDK提供了以下核心功能： 1. **轨迹...
调用百度鹰眼接口demo
07-20
由于时间关系，代码没有清晰的注释，上传是为了自己方便使用，如果想下载来直接用的小伙伴慎重下载此资源
百度鹰眼轨迹开发实例
07-25
1、百度鹰眼轨迹demo； 2、支持轨迹纠偏； 3、地图样式自定义 4、轨迹纠偏算法原理，算法分析，算法模拟
百度鹰眼轨迹后台管理官方demo的web项目
02-01
百度鹰眼轨迹的官方demo，已编译成web项目
百度鹰眼API相关实现
05-11
百度鹰眼api接入的简单实现，完成路径追踪，实时定位，轨迹画线的功能
百度鹰眼精讲
09-01
百度鹰眼精讲课件，包括鹰眼服务的简介、集成SDK注意事项、上架App Store注意事项。
百度API鹰眼web服务-地理围栏-服务端围栏报警信息推送
weixin_41632551的博客
06-16 674
百度API 鹰眼地理围栏报警信息接收
百度鹰眼服务平台部署教程
qq_34829813的博客
08-21 1543
百度鹰眼服务平台部署分为四步（windows系统亲测） 1、下载安装nodejs服务（https://nodejs.org/en/） 2、使用npm安装FIS3（验证node：node -v |验证npm：npm -v |验证fis3：fis3 -v ） 3、下载百度鹰眼服务平台（https://github.com/baidu-openmap-trace/we...
百度地图地理围栏
musicwHello
08-07 6457
最近公司需要开发车辆管理系统，毫无疑问会用到地图定位等相关。其中最先需要解决的问题就是电子围栏，初步思路是在地图预先设置电子围栏，根据车辆安装的GPS定位是否在电子围栏里面，进行预警和判断。 在网上找了一圈百度地图的API和相关博客终于发现了GeoUtils.js 进行下面之前事先准备好GeoUtils.js文件，并在html中引用 参考下载地址：https://github.com/...
百度鹰眼 html,百度鹰眼服务平台部署教程
weixin_36176546的博客
06-15 656
百度鹰眼服务平台部署分为四步(windows系统亲测)1、下载安装nodejs服务(https://nodejs.org/en/)2、使用npm安装FIS3(验证node：node -v |验证npm：npm -v |验证fis3：fis3 -v )3、下载百度鹰眼服务平台(https://github.com/baidu-openmap-trace/web-demo...
项目里导入高德猎鹰怎么自动绘制电子围栏
最新发布
10-07
在项目中引入高德地图的鹰眼服务（高德猎鹰），可以实现自动绘制电子围栏的功能。首先，你需要安装高德地图鹰眼SDK，并在项目中进行配置。以下是基本步骤： 1. **添加依赖**：在你的项目中添加高德地图鹰眼的官方库...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贪贪贪丶慎独

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值