Cesium:绘制点

作者:CSDN @ 乐多

本文记录了在Cesium中绘制点的函数。


文章目录


data() 里面设置点的样式

javascript 复制代码
pointOption: {

                show: true,
                pixelSize: 10,
                heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
                color: Cesium.Color.RED,
                outlineColor: Cesium.Color.YELLOW,
                outlineWidth: 3,
                disableDepthTestDistance: Number.POSITIVE_INFINITY,
                distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 20000)
            },

methods里面定义绘制点函数

javascript 复制代码
createPoint() {
            var Position = Cesium.Cartesian3.fromDegrees(
                109.3838266599023,
                39.333702773480425,
                0.0
            );

            var viewer = uia.earth.czm.viewer;
            console.log('viewer', viewer)
            let entity = new Cesium.Entity({
                name: 'test',
                show: true,
                position: Position,
                point: {
                    ...this.pointOption,
                    clampToGround: true
                }
            });
            viewer.entities.add(entity);
            viewer.zoomTo(entity);
            viewer.scene.camera.flyTo;
        },

声明:

本人作为一名作者,非常重视自己的作品和知识产权。在此声明,本人的所有原创文章均受版权法保护,未经本人授权,任何人不得擅自公开发布。

本人的文章已经在一些知名平台进行了付费发布,希望各位读者能够尊重知识产权,不要进行侵权行为。任何未经本人授权而将付费文章免费或者付费(包含商用)发布在互联网上的行为,都将视为侵犯本人的版权,本人保留追究法律责任的权利。

谢谢各位读者对本人文章的关注和支持!

相关推荐
前端太佬几秒前
微信小程序支付全流程实战指南(Node.js后端篇)
前端·javascript·微信小程序
资深前端外卖员4 分钟前
【nodejs高可用】Nodejs应用安全防范的问题总结
前端·javascript
前端大白话15 分钟前
Vue2和Vue3语法糖差异大揭秘:一文读懂,开发不纠结!
javascript·vue.js·设计模式
tianchang16 分钟前
JS 中 Map 的概念与使用
前端·javascript
Jenlybein17 分钟前
[ Javascript 面试题 ]:提取对应的信息,并给其赋予一个颜色,保持幂等性
前端·javascript·面试
Carlos_sam17 分钟前
Opnelayers:向某个方向平移指定的距离
前端·javascript
绅士玖20 分钟前
Vue.js 核心特性解析:响应式原理与组合式API实践
vue.js
St20 分钟前
探索JavaScript原型链设计——详解prototype、__proto__及constructor三者之间的关系
前端·javascript
前端大白话21 分钟前
JavaScript中`Symbol.for()`和`Symbol()`的区别,在创建全局唯一的`Symbol`值时如何选择使用?
前端·javascript·设计模式