Cesium在线绘制PolyLine折线

使用Cesium.CallbackProperty可以实时更改Geometry.position等参数,从而达到绘制的效果。

1.封装PolyLine对象
var PolyLinePrimitive = (function(){
    function _(positions){
        this.options = {
            polyline : {
                show : true,
                positions : [],
                material : Cesium.Color.CORNFLOWERBLUE,
                width : 5
            }
        };
        this.positions = positions;
        this._init();
    }

    _.prototype._init = function(){
        var _self = this;
        var _update = function(){
            return _self.positions;
        };
        //实时更新polyline.positions
        this.options.polyline.positions = new Cesium.CallbackProperty(_update,false);
        viewer.entities.add(this.options);
    };

    return _;
})();

2.初始化
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
var positions = [];
var poly = undefined;

3.鼠标监听事件
handler.setInputAction(function(movement){
    var cartesian = scene.camera.pickEllipsoid(movement.position,scene.globe.ellipsoid);
    if(positions.length == 0) {
        positions.push(cartesian.clone());
    }
    positions.push(cartesian);
},Cesium.ScreenSpaceEventType.LEFT_CLICK);

handler.setInputAction(function(movement){
    var cartesian = scene.camera.pickEllipsoid(movement.endPosition,scene.globe.ellipsoid);
    if(positions.length >= 2){
        if (!Cesium.defined(poly)) {
            poly = new PolyLinePrimitive(positions);
        }else{
            positions.pop();
            cartesian.y += (1 + Math.random());
            positions.push(cartesian);
        }
    }
},Cesium.ScreenSpaceEventType.MOUSE_MOVE);

handler.setInputAction(function(movement){
    handler.destroy();
},Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);





  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
要判断一条 Polyline 是否穿过地球,可以通过计算 Polyline 的每一段是否穿过地球来实现。具体步骤如下: 1. 将 Polyline 分解为一组线段,每个线段由相邻的两个点构成。 2. 对于每个线段,计算其两个端点与球心的距离,如果距离小于等于地球半径,则认为该线段穿过地球。 3. 对于每个线段,计算其与地球相交的点,如果该点在该线段上,则认为该线段穿过地球。 4. 如果存在任何一个线段穿过地球,则认为整个 Polyline 穿过地球。 下面是一个简单的示例代码,可以判断一条 Polyline 是否穿过地球: ```javascript function isPolylineCrossEarth(polyline) { var earthRadius = 6371000; // 地球半径,单位为米 var positions = polyline.positions; for (var i = 0; i < positions.length - 1; i++) { var p1 = positions[i]; var p2 = positions[i + 1]; var d1 = Cesium.Cartesian3.distance(p1, Cesium.Cartesian3.ZERO); var d2 = Cesium.Cartesian3.distance(p2, Cesium.Cartesian3.ZERO); if (d1 <= earthRadius || d2 <= earthRadius) { // 线段的一个端点在地球内部,则认为该线段穿过地球 return true; } var ray = new Cesium.Ray(p1, Cesium.Cartesian3.subtract(p2, p1, new Cesium.Cartesian3())); var intersection = Cesium.IntersectionTests.rayEllipsoid(ray, Cesium.Ellipsoid.WGS84); if (intersection && Cesium.Cartesian3.distance(intersection, p1) <= Cesium.Cartesian3.distance(p2, p1) && Cesium.Cartesian3.distance(intersection, p2) <= Cesium.Cartesian3.distance(p2, p1)) { // 线段与地球相交,并且相交点在该线段上,则认为该线段穿过地球 return true; } } return false; } ``` 该函数接受一个 Polyline 对象作为参数,并返回一个布尔值,表示该 Polyline 是否穿过地球。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

低热量薯条

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

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

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

打赏作者

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

抵扣说明:

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

余额充值