mars3d实现GraphicLayer获取当前相机视角内的可视点位(矢量数据
创始人
2025-01-10 03:07:22
0

效果:

mars3d实现GraphicLayer获取当前相机视角内的可视点位(矢量数据

相关依赖api:

1. map.getExtent();

提取地球当前视域边界,示例:{ xmin: 70, xmax: 140, ymin: 0, ymax: 55, height: 0, }

2.graphicLayer.eachGraphic遍历所有矢量数据并将其作为参数传递给回调函数判断是否在当前视域边界内

3.写个判断:

 /** * 获取地图边界内的矢量点位 * @param graphicLayer * @param isExtend */ const getGraphics = (graphicLayer: mars3d.layer.GraphicLayer | undefined, isExtend: Boolean = true) => { if (graphicLayer && (graphicLayer as any)._map) { const map = (graphicLayer as any)._map as mars3d.Map; const graphics: mars3d.graphic.BillboardEntity[] = []; const extend = map.getExtent(); if (isExtend) { graphicLayer.eachGraphic((graphic: mars3d.graphic.BillboardEntity) => { const { lng, lat } = graphic.point; if (lng >= extend.xmin && lng <= extend.xmax && lat >= extend.ymin && lat <= extend.ymax) { graphics.push(graphic); } }); return graphics; } else { return graphicLayer.getGraphics(); } } };

4.return返回在当前屏幕可视区域内的数据

补充:

1.如果是不规则多边形可以参考:

2.获取的视域转经纬度参考: 几种坐标的互转算法

//屏幕坐标 转换为 笛卡尔空间直角坐标 var cartesian3 = mars3d.PointUtil.getCurrentMousePosition(map.scene, windowPosition);  //笛卡尔空间直角坐标 转换为 屏幕坐标 var windowPosition = Cesium.SceneTransforms.wgs84ToWindowCoordinates(map.scene, cartesian3);//v1.119之前版本 var windowPosition = Cesium.SceneTransforms.worldToWindowCoordinates(map.scene, cartesian3); //v1.119及之后版本  //笛卡尔空间直角坐标   转换为   地理坐标(弧度制) var cartographic = Cesium.Cartographic.fromCartesian(cartesian3);  //笛卡尔空间直角坐标   转换为   地理坐标(经纬度) var point = mars3d.LngLatPoint.fromCartesian(cartesian3);  //地理坐标(弧度制)   转换为   笛卡尔空间直角坐标 var cartesian3 = Cesium.Cartesian3.fromRadians(lng, lat, height); //lng\lat为弧度制  //地理坐标(经纬度)  转换为  笛卡尔空间直角坐标 var cartesian3 = Cesium.Cartesian3.fromDegrees(longitude, latitude, height); 

或者使用 mars3d.LngLatPoint 作为中间类来做转换 

//笛卡尔空间直角坐标   转换为   地理坐标(经纬度)  var point = mars3d.LngLatPoint.fromCartesian(cartesian3);  //地理坐标(弧度制)   转换为    地理坐标(经纬度)  var point = mars3d.LngLatPoint.fromCartographic(cartographic);    //point 转换为  其他坐标   var cartesian3 = point.toCartesian();  //转换为  笛卡尔空间直角坐标  var cartographic = point.toCartographic();  //转换为  地理坐标(弧度制) 

 示例:

map.on(mars3d.EventType.click,  function (event) {     var point = mars3d.LngLatPoint.fromCartesian(event.cartesian); //转为经纬度     console.log("鼠标单击坐标", point); });

 

相关内容

热门资讯

一分钟内幕!科乐吉林麻将系统发... 一分钟内幕!科乐吉林麻将系统发牌规律,福建大玩家确实真的是有挂,技巧教程(有挂ai代打);所有人都在...
一分钟揭秘!微扑克辅助软件(透... 一分钟揭秘!微扑克辅助软件(透视辅助)确实是有挂(2024已更新)(哔哩哔哩);1、用户打开应用后不...
五分钟发现!广东雀神麻雀怎么赢... 五分钟发现!广东雀神麻雀怎么赢,朋朋棋牌都是是真的有挂,高科技教程(有挂方法)1、广东雀神麻雀怎么赢...
每日必看!人皇大厅吗(透明挂)... 每日必看!人皇大厅吗(透明挂)好像存在有挂(2026已更新)(哔哩哔哩);人皇大厅吗辅助器中分为三种...
重大科普!新华棋牌有挂吗(透视... 重大科普!新华棋牌有挂吗(透视)一直是有挂(2021已更新)(哔哩哔哩)1、完成新华棋牌有挂吗的残局...
二分钟内幕!微信小程序途游辅助... 二分钟内幕!微信小程序途游辅助器,掌中乐游戏中心其实存在有挂,微扑克教程(有挂规律)二分钟内幕!微信...
科技揭秘!jj斗地主系统控牌吗... 科技揭秘!jj斗地主系统控牌吗(透视)本来真的是有挂(2025已更新)(哔哩哔哩)1、科技揭秘!jj...
1分钟普及!哈灵麻将攻略小,微... 1分钟普及!哈灵麻将攻略小,微信小程序十三张好像存在有挂,规律教程(有挂技巧)哈灵麻将攻略小是一种具...
9分钟教程!科乐麻将有挂吗,传... 9分钟教程!科乐麻将有挂吗,传送屋高防版辅助(总是存在有挂)1、完成传送屋高防版辅助透视辅助安装,帮...
每日必看教程!兴动游戏辅助器下... 每日必看教程!兴动游戏辅助器下载(辅助)真是真的有挂(2025已更新)(哔哩哔哩)1、打开软件启动之...